body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cards{background-color:#000;box-sizing:border-box;padding:20px}.cards ul{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;list-style-type:none;margin:0;padding:0}@media(max-width:1399px){.cards ul{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}@media(max-width:799px){.cards ul{grid-template-columns:1fr 1fr 1fr}.cards ul .name-plate{font-size:.75rem}}.cards ul .image-frame{cursor:pointer;height:0;overflow:hidden;padding-top:100%;position:relative;width:100%}.cards ul .image-frame:after{bottom:0;box-shadow:inset 0 0 15px 0 #000;content:"";left:0;position:absolute;right:0;top:0}.cards ul .name-plate{background:#000;background:linear-gradient(0deg,#000,transparent);bottom:0;box-sizing:border-box;color:#ccc;font-family:Lexend Tera,sans-serif;font-size:.9rem;left:0;padding:.5rem;position:absolute;text-align:center;text-shadow:0 -1px 4px #000;text-transform:uppercase;width:100%}@media(max-width:999px){.cards ul .name-plate{font-size:.8rem;padding:.25rem}}@media(max-width:799px){.cards ul .name-plate{font-size:.75rem}}.cards ul img{-webkit-filter:grayscale(100%);filter:grayscale(100%);left:50%;opacity:.25;position:absolute;top:-15%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .25s ease-in,-webkit-filter .25s ease-in;transition:filter .25s ease-in,opacity .25s ease-in;transition:filter .25s ease-in,opacity .25s ease-in,-webkit-filter .25s ease-in;width:135%}.cards ul .image-frame.selected img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.cards ul li{font-size:0}
/*# sourceMappingURL=main.cae56f7c.css.map*/