:root{font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;font-family:Montserrat,sans-serif,system-ui;font-style:normal}section#dex-section{flex-direction:column;flex:1 0 auto;align-items:center;display:flex}@media (max-width:768px){section#dex-section{width:100%}}ul#dex-list{--cols:6;justify-content:center;gap:var(--spacing);flex-flow:wrap;width:50vw;transition:transform .2s;display:flex}@media (min-width:768px){ul#dex-list.open-filter{transform:translate(-15%)}}@media (max-width:768px){ul#dex-list{--cols:4;width:100%}}ul#dex-list li{flex-direction:column;justify-content:center;align-items:center;display:flex}ul#dex-list.loading{opacity:.75;pointer-events:none}#dex-filters{z-index:15;gap:var(--spacing);width:100%;height:fit-content;padding:var(--spacing);background-color:#151b35;margin-bottom:1rem;display:flex;position:sticky;box-shadow:0 0 70px #080a11cc}#dex-filters .search-container{width:100%}#dex-filters .search-container svg{color:#eef0ff;position:absolute;top:calc(50% - 7px);left:1.15rem}#dex-filters .search-container input{padding-left:2.15rem}#dex-filters button{background-color:#232844;align-items:center;gap:.5rem;padding:0 .5rem;font-size:.75rem;transition:transform .15s,background-color .3s,box-shadow .15s;display:flex}#dex-filters button:hover{z-index:60;box-shadow:0 0 40px #080a11cc}#dex-filters button:active{transform:scale(.85)}#dex-filters button.open{background-color:#1c4e69}.filter-form{z-index:80;transition:opacity .15s;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.filter-form .filter-grid{padding:var(--spacing);background-color:#151b35;grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.filter-form:not(.open){opacity:0;pointer-events:none}@media (max-width:768px){.filter-form{--offset:87px;transform:unset;top:var(--offset);width:100%;padding-bottom:50vh;right:0}.filter-form .window-container{display:none}.filter-form .filter-grid{margin:0 var(--spacing);padding:1rem .5rem .5rem}}.modal#dex-modal{--height:500px;width:min(100%,400px);max-width:unset;min-width:unset;height:var(--height)}.modal#dex-modal div.modal-content button{font-weight:unset;transition:unset}.modal#dex-modal div.modal-content button:hover{box-shadow:unset;z-index:unset}.modal#dex-modal div.modal-content button:active{transform:unset}.modal#dex-modal section.dex-view{height:calc(var(--height) - 40px)}.modal#dex-modal section.dex-view div.type-chart{max-width:100%}@keyframes dex-list-fade-in{0%{opacity:0;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}