section.dex-view{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:calc(var(--height) - 28px);gap:var(--spacing);font-size:.75rem;overflow-y:scroll;overflow-x:hidden}section.dex-view *{animation:dex-fade-in .15s ease 0s 1}section.dex-view div.h-group{display:flex;flex-direction:row;align-items:stretch;gap:inherit;width:100%}section.dex-view div.v-group{display:flex;flex-direction:column;align-items:stretch;gap:inherit;width:100%}section.dex-view div.sticky{background-color:#151b35;position:-webkit-sticky;position:sticky;top:calc(-1*var(--spacing));padding-top:var(--spacing);margin-top:calc(-1*var(--spacing));z-index:10}section.dex-view div.map-container{display:inherit;gap:inherit;justify-content:inherit;align-items:inherit}section.dex-view div.block{display:flex;gap:.35rem;align-items:center;background-color:#232844;padding:var(--spacing);width:100%;height:-moz-fit-content;height:fit-content;white-space:nowrap}section.dex-view div.block.dark{background-color:#151b35}section.dex-view div.block span{color:#b0b5db}section.dex-view button.tab{position:-webkit-sticky;position:sticky;top:0;padding:var(--spacing);width:100%;height:-moz-fit-content;height:fit-content;color:#b0b5db;text-align:center;font-size:.75rem;border-bottom:2px solid rgba(0,0,0,0);transition:border-bottom .15s ease,color .15s ease}section.dex-view button.tab.active{color:#eef0ff;border-bottom:2px solid #eef0ff}section.dex-view div.sprite-block{background-color:#232844;width:auto;flex:0 0 1;aspect-ratio:1;flex-grow:1}section.dex-view div.sprite-block img{width:100%;height:100%;object-fit:contain}section.dex-view div.type{display:flex;gap:inherit;align-items:center;margin-right:.5rem}section.dex-view div.type-chart{background-color:#232844;max-width:360px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;margin-top:calc(-1*var(--spacing));align-self:center;display:grid;grid-template-columns:repeat(18,24px);grid-template-rows:repeat(2,24px);grid-auto-flow:row;padding:3px;grid-gap:3px;gap:3px;align-items:center}section.dex-view div.type-chart p{display:flex;justify-content:center;align-items:center;font-size:.625rem;height:100%;background-color:#151b35}section.dex-view div.type-chart p[data-matchup="1"]{color:#b0b5db}section.dex-view div.categories{display:flex;flex-wrap:wrap;gap:3px;background-color:#232844;margin-top:calc(-1*var(--spacing));padding:3px}section.dex-view div.categories p{background-color:#151b35;padding:.25rem .45rem}@media(max-width:768px){section.dex-view div.type-chart{max-width:100%}}@keyframes dex-fade-in{0%{opacity:0;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}.type-icon{height:18px;margin:-4px 0;aspect-ratio:1}.type-icon.expand{height:100%;margin:unset}.type-icon img{height:100%}.type-icon[class*=shape]{background-color:unset}.type-icon.types-1{background-color:#9099a1}.type-icon.types-2{background-color:#ce4069}.type-icon.types-3{background-color:#849cce}.type-icon.types-4{background-color:#9a5db6}.type-icon.types-5{background-color:#dc906a}.type-icon.types-6{background-color:#a39262}.type-icon.types-7{background-color:#90c12c}.type-icon.types-8{background-color:#5269ac}.type-icon.types-9{background-color:#5a8ea1}.type-icon.types-10{background-color:#ec6145}.type-icon.types-11{background-color:#4d90d5}.type-icon.types-12{background-color:#59af51}.type-icon.types-13{background-color:#dbb818}.type-icon.types-14{background-color:#df5d71}.type-icon.types-15{background-color:#59b4a7}.type-icon.types-16{background-color:#0a6dc4}.type-icon.types-17{background-color:#5a5366}.type-icon.types-18{background-color:#d37dce}.type-icon.types-19{background-color:#a19097}.type-icon.color-red{background-color:#ec6145;border-radius:100%}.type-icon.color-blue{background-color:#4d90d5;border-radius:100%}.type-icon.color-green{background-color:#59af51;border-radius:100%}.type-icon.color-yellow{background-color:#dbb818;border-radius:100%}.type-icon.color-black{background-color:#5a5366;border-radius:100%}.type-icon.color-brown{background-color:#dc906a;border-radius:100%}.type-icon.color-gray{background-color:#887f83;border-radius:100%}.type-icon.color-pink{background-color:#d37dce;border-radius:100%}.type-icon.color-purple{background-color:#9a5db6;border-radius:100%}.type-icon.color-white{background-color:#cae1e1;border-radius:100%}:root{font-family:Montserrat,sans-serif,system-ui;font-optical-sizing:auto;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}.form-label{position:relative;display:flex;flex-direction:column;min-width:10px;flex:0 1 auto;gap:.25rem;height:auto}.form-label>span{font-size:.75rem;color:#b0b5db;text-transform:uppercase;margin-left:10px}.form-label .inner-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:unset;border:unset;background-color:#232844;font-size:.75rem;padding:.5rem .75rem;-webkit-clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.form-label input[type=checkbox],.form-label input[type=radio]{display:none}.form-label input[type=number]::-webkit-inner-spin-button,.form-label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-label input::placeholder{color:#7e829e}.form-label:has(.select-options) .inner-input{cursor:default}.form-label:has(.select-options) svg{position:absolute;right:.25rem;top:1.65rem;pointer-events:none}.select-options{position:absolute;top:1rem;max-height:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;z-index:90;width:100%;background-color:#232844;overflow-y:scroll;transition:max-height .35s ease;-webkit-clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.select-options label{padding:.5rem .75rem;transition:background-color .15s ease}.select-options label span{font-size:.75rem;color:#eef0ff}.select-options label:hover{background-color:rgba(0,234,255,.05)}.select-options label:has(input:checked){background-color:rgba(0,234,255,.2)}.select-options.open{max-height:var(--height,200px);visibility:visible;pointer-events:all}.checkbox-cloud{display:flex;flex-wrap:wrap;gap:inherit}.checkbox-cloud label{cursor:pointer;transition:background-color .15s ease}.checkbox-cloud label span{font-size:.75rem;color:#eef0ff}.checkbox-cloud label:hover{background-color:#21314d}.checkbox-cloud label:has(input:checked){background-color:#1c4e69}