: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)}section#dex-section{display:flex;flex-direction:column;flex:1 0 auto;align-items:center}@media(max-width:768px){section#dex-section{width:100%}}ul#dex-list{--cols:6;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing);width:50vw;transition:transform .2s ease}@media(min-width:768px){ul#dex-list.open-filter{transform:translateX(-15%)}}@media(max-width:768px){ul#dex-list{--cols:4;width:100%}}ul#dex-list li{display:flex;flex-direction:column;justify-content:center;align-items:center}ul#dex-list.loading{opacity:.75;pointer-events:none}#dex-filters{position:-webkit-sticky;position:sticky;top:59px;z-index:15;display:flex;gap:var(--spacing);width:100%;height:-moz-fit-content;height:fit-content;padding:var(--spacing);background-color:#151b35;margin-bottom:1rem;box-shadow:0 0 70px rgba(8,10,17,.8)}#dex-filters .search-container{width:100%}#dex-filters .search-container svg{position:absolute;left:1.15rem;top:calc(50% - 7px);color:#eef0ff}#dex-filters .search-container input{padding-left:2.15rem}#dex-filters button{display:flex;align-items:center;gap:.5rem;background-color:#232844;font-size:.75rem;padding:0 .5rem;transition:transform .15s ease,background-color .3s ease,box-shadow .15s ease}#dex-filters button:hover{box-shadow:0 0 40px rgba(8,10,17,.8);z-index:60}#dex-filters button:active{transform:scale(.85)}#dex-filters button.open{background-color:#1c4e69}@media(max-width:768px){#dex-filters{top:45px}}.filter-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;z-index:80;position:fixed;right:1rem;top:50%;transform:translateY(-50%);background-color:#151b35;padding:var(--spacing);transition:opacity .15s ease}.filter-form:not(.open){opacity:0;pointer-events:none}@media(max-width:768px){.filter-form{--offset:87px;transform:unset;top:var(--offset);right:0;width:100%;padding-bottom:50vh}}.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)}}