button.sfm-1cka2ll{aspect-ratio:1/1;border:0;cursor:pointer;opacity:.75;padding:0;position:relative;transition:opacity .25s ease;border-radius:.5rem;background:var(--background-image) center/cover no-repeat;& img:where(.sfm-1cka2ll){position:absolute;width:45%;inset:0}&:hover,&.selected{opacity:1}&.selected{grid-row:auto / span 2;grid-column:auto / span 2;position:sticky;bottom:5.5rem;z-index:1;top:4.5rem}}:root{--dark: #1c1b22;--light: #f2f2f2;--back: #e9e9ed;--hover: #d0d0d7;--active: #b1b1b9}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--light: #1c1b22;--dark: #f2f2f2;--back: #2b2a33;--hover: #52525e;--active: #5b5b66}}html{scrollbar-width:thin;scrollbar-color:var(--back) transparent}body,html{min-height:100%}body{margin:0;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;font-family:monospace;text-align:center;overflow-x:hidden;background-color:var(--light)}header{display:flex;align-items:center;justify-content:space-between;padding:1rem}header>*{margin:0}button{text-align:inherit;color:inherit;background-color:var(--back);padding:.45rem 1rem;margin:0;border:0;border-radius:.25rem;font-size:inherit;font-family:inherit;user-select:none;-webkit-user-select:none;cursor:pointer}button:hover{background-color:var(--hover)}button:hover:active{background-color:var(--active)}a{color:inherit}*{box-sizing:border-box}svg{max-height:100%}select{font-size:1rem;font-family:inherit}header.sfm-15j3y2m{position:sticky;z-index:1;gap:1rem;top:0}main.sfm-15j3y2m{--cell-size: 5.5rem;gap:1rem;margin:1rem;display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fit,minmax(var(--cell-size),1fr))}footer.sfm-15j3y2m{top:auto;z-index:1;inset:1rem;margin:auto;position:sticky}