.card-viewer{background:radial-gradient(transparent,hsla(0,0%,100%,.1));border-radius:.5rem;display:grid;grid-template-columns:.8fr 1.2fr 1fr;height:70vh;overflow:hidden}@media screen and (max-width:45rem){.card-viewer{grid-template-columns:1fr;height:auto}}.card-display{align-items:center;border:1px solid var(--clr-border);display:grid;justify-items:center;padding:1rem;place-items:center}.card-display img{max-height:60vh}#card-filters{border:1px solid var(--clr-border);border-radius:.5rem 0 0 .5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media screen and (max-width:45rem){#card-filters{border-radius:.5rem .5rem 0 0}}#card-filters input[type=text]{width:100%}#card-filters .color-options{display:flex;gap:1rem;justify-content:space-between}#card-filters .color-options input{display:none}#card-filters .color-options label{cursor:pointer}#card-filters .color-options label img{opacity:.3}#card-filters .color-options label input:checked~img{opacity:1}#card-filters select{text-transform:capitalize;width:100%}#card-filters .results{font-size:.8rem;text-align:right}@keyframes minimize{0%{max-height:auto}to{border-bottom-width:0;max-height:0;opacity:0;padding:0}}@keyframes maximize{0%{border-bottom-width:0;max-height:0;opacity:0;padding:0}to{max-height:auto}}.cards-list{border:1px solid var(--clr-border);border-radius:0 .5rem .5rem 0;overflow-y:auto}@media screen and (max-width:45rem){.cards-list{border-radius:0 0 .5rem .5rem;max-height:50vh;width:100%}}.cards-list li{align-items:center;animation-duration:.2s;animation-fill-mode:forwards;animation-name:maximize;border-bottom:1px solid var(--clr-border);cursor:pointer;display:flex;font-size:.9rem;gap:.5em;justify-content:space-between;padding:.2rem .5rem;transition:padding-left .2s ease-in-out}.cards-list li:last-of-type{border-bottom:none}.cards-list li:hover{background:var(--clr-highlight)}.cards-list li.hidden{animation-name:minimize;overflow:hidden}.cards-list li.selected{background:var(--clr-highlight);padding-left:1rem}.cards-list li .card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}