.type-bg{--type-color:#a4acaf}.type-bg--electric{--type-color:#eed535}.type-bg--ghost{--type-color:#7b62a3}.type-bg--fire{--type-color:#fd7d24}.type-bg--dark{--type-color:#707070}.type-bg--normal{--type-color:#a4acaf}.type-bg--steel{--type-color:#9eb7b8}.type-bg--dragon{--type-color:#53a4cf}.type-bg--fairy{--type-color:#fdb9e9}.type-bg--fighting{--type-color:#d56723}.type-bg--grass{--type-color:#9bcc50}.type-bg--flying{--type-color:#3dc7ef}.type-bg--poison{--type-color:#b97fc9}.type-bg--ground{--type-color:#f7de3f}.type-bg--psychic{--type-color:#f366b9}.type-bg--water{--type-color:#4592c4}.type-bg--bug{--type-color:#729f3f}.type-bg--rock{--type-color:#a38c21}.type-bg--ice{--type-color:#51c4e7}.pokemon-details{max-width:1100px;margin:0 auto;color:#0e0f12;border-radius:2rem;overflow:hidden;box-shadow:0 24px 48px -16px rgba(15,16,20,.22),0 4px 12px rgba(15,16,20,.08);background:#fff;position:relative;border:1px solid #e7e8ec}.pokemon-details__crumbs{padding:1rem 2rem 0;margin:0}.pokemon-details__body{padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:600px){.pokemon-details__body{padding:1.5rem 1rem 2rem}}.pokemon-details__grid{display:grid;grid-gap:1.5rem;gap:1.5rem;min-width:0}.pokemon-details__grid--2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:800px){.pokemon-details__grid--2col{grid-template-columns:minmax(0,1fr)}}.pokemon-details__grid--2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media(max-width:800px){.pokemon-details__grid--2-1{grid-template-columns:minmax(0,1fr)}}.form-tabs,.sub-form-tabs{list-style:none;margin:0;padding:4px;display:flex;border-radius:9999px;background:rgba(15,16,20,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 24px -8px rgba(0,0,0,.35);align-self:stretch;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.35) transparent}.form-tabs::-webkit-scrollbar,.sub-form-tabs::-webkit-scrollbar{height:4px}.form-tabs::-webkit-scrollbar-track,.sub-form-tabs::-webkit-scrollbar-track{background:transparent}.form-tabs::-webkit-scrollbar-thumb,.sub-form-tabs::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.35);border-radius:9999px}.form-tabs>li,.sub-form-tabs>li{display:flex;flex-shrink:0}.form-tabs .form-tabs__btn,.sub-form-tabs .sub-form-tabs__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;outline:none}.form-tabs .form-tabs__btn:focus-visible,.sub-form-tabs .sub-form-tabs__btn:focus-visible{outline:2px solid #ffcb05;outline-offset:2px;border-radius:inherit}.form-tabs .form-tabs__btn,.sub-form-tabs .sub-form-tabs__btn{border-radius:9999px;color:hsla(0,0%,100%,.82);text-transform:capitalize;white-space:nowrap;transition:background-color .22s cubic-bezier(.2,.8,.2,1),color .22s cubic-bezier(.2,.8,.2,1)}.form-tabs .form-tabs__btn:hover,.sub-form-tabs .sub-form-tabs__btn:hover{color:#fff}.form-tabs{gap:0}.form-tabs .form-tabs__btn{padding:.25rem 1rem;font-weight:500;font-size:.8125rem}.form-tabs>li.is-active .form-tabs__btn{background:#fff;color:#0e0f12}.sub-form-tabs{gap:2px}.sub-form-tabs .sub-form-tabs__btn{padding:.25rem .75rem;font-size:.8125rem}.sub-form-tabs>li.is-active .sub-form-tabs__btn{background:#fff;color:#0e0f12}.details-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;min-width:0;max-width:100%}.details-image-container__art{background:hsla(0,0%,100%,.25);border-radius:1.5rem;padding:1rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 24px 48px -16px rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.25);display:flex;align-items:center;justify-content:center}.details-image-container>.details-image-container__art>.detail-img{height:240px;width:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.3))}