.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{color:#0e0f12;background:#fff;border:1px solid #e7e8ec;border-radius:2rem;max-width:1100px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 48px -16px #0f101438,0 4px 12px #0f101414}.pokemon-details__crumbs{margin:0;padding:1rem 2rem 0}.pokemon-details__body{flex-direction:column;gap:1.5rem;padding:2rem 2rem 3rem;display:flex}@media (max-width:600px){.pokemon-details__body{padding:1.5rem 1rem 2rem}}.pokemon-details__grid{gap:1.5rem;min-width:0;display:grid}.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)}}.sub-form-tabs,.form-tabs{-webkit-backdrop-filter:blur(10px);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff59 #0000;background:#0f1014b8;border:1px solid #ffffff1f;border-radius:9999px;align-self:stretch;max-width:100%;margin:0;padding:4px;list-style:none;display:flex;overflow:auto hidden;box-shadow:0 8px 24px -8px #00000059}.sub-form-tabs::-webkit-scrollbar{height:4px}.form-tabs::-webkit-scrollbar{height:4px}.sub-form-tabs::-webkit-scrollbar-track{background:0 0}.form-tabs::-webkit-scrollbar-track{background:0 0}.sub-form-tabs::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:9999px}.form-tabs::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:9999px}.sub-form-tabs>li,.form-tabs>li{flex-shrink:0;display:flex}.sub-form-tabs .sub-form-tabs__btn,.form-tabs .form-tabs__btn{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:0}.sub-form-tabs .sub-form-tabs__btn:focus-visible,.form-tabs .form-tabs__btn:focus-visible{outline-offset:2px;border-radius:inherit;outline:2px solid #ffcb05}.sub-form-tabs .sub-form-tabs__btn,.form-tabs .form-tabs__btn{color:#ffffffd1;text-transform:capitalize;white-space:nowrap;border-radius:9999px;transition:background-color .22s cubic-bezier(.2,.8,.2,1),color .22s cubic-bezier(.2,.8,.2,1)}.sub-form-tabs .sub-form-tabs__btn:hover,.form-tabs .form-tabs__btn:hover{color:#fff}.form-tabs{gap:0}.form-tabs .form-tabs__btn{padding:.25rem 1rem;font-size:.8125rem;font-weight:500}.form-tabs>li.is-active .form-tabs__btn{color:#0e0f12;background:#fff}.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{color:#0e0f12;background:#fff}.details-image-container{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;min-width:0;max-width:100%;display:flex}.details-image-container__art{-webkit-backdrop-filter:blur(8px);background:#ffffff40;border:1px solid #ffffff40;border-radius:1.5rem;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:inset 0 1px #ffffff59,0 24px 48px -16px #0000004d}.details-image-container>.details-image-container__art>.detail-img{filter:drop-shadow(0 14px 22px #0000004d);width:auto;height:240px}
