@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.grid .frame{box-sizing:border-box;max-width:100%;aspect-ratio:var(--ar, 2);background-position:center;background-repeat:no-repeat;background-size:contain;border:solid 1px var(--color);border-radius:1rem}.grid{display:grid;gap:2rem;margin-inline:auto;max-width:var(--maxWidth, max(100%, var(--min, 1000px)));justify-content:center;grid-template-columns:repeat(auto-fill,minmax(var(--min, 12rem),1fr));grid-template-columns:repeat(auto-fill,minmax(min(var(--min, 12rem),100%),1fr))}.item{position:relative;box-sizing:border-box;padding:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg);border-radius:1rem;text-decoration:inherit;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:scale-in .5s .3s cubic-bezier(.4,0,.2,1) backwards}@media (prefers-color-scheme: dark){.item{box-shadow:0 2px 8px #0003}}.item:nth-child(1){animation-delay:.05s}.item:nth-child(2){animation-delay:.1s}.item:nth-child(3){animation-delay:.15s}.item:nth-child(4){animation-delay:.2s}.item:nth-child(5){animation-delay:.25s}.item:nth-child(6){animation-delay:.3s}.item:nth-child(7){animation-delay:.35s}.item:nth-child(8){animation-delay:.4s}.item:nth-child(9){animation-delay:.45s}.item:nth-child(10){animation-delay:.5s}.item:nth-child(11){animation-delay:.55s}.item:nth-child(12){animation-delay:.6s}.item:nth-child(13){animation-delay:.65s}.item:nth-child(14){animation-delay:.7s}.item:nth-child(15){animation-delay:.75s}.item:nth-child(16){animation-delay:.8s}.item:nth-child(17){animation-delay:.85s}.item:nth-child(18){animation-delay:.9s}.item:nth-child(19){animation-delay:.95s}.item:nth-child(20){animation-delay:1s}.item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;z-index:2}@media (prefers-color-scheme: dark){.item:hover{box-shadow:0 8px 24px #0000004d}}.item:hover .item__info{opacity:1;transform:translateY(0)}.item:hover .item__img{transform:scale(1.05)}.item__img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;user-select:none;background-image:var(--placeholder, url(/assets/placeholder.svg));background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s .3s cubic-bezier(.4,0,.2,1)}@supports (-webkit-user-drag: none){.item__img{-webkit-user-drag:none}}.item__img.loading{background-color:#f2f2f2;animation:pulse 2s ease-in-out infinite}@media (prefers-color-scheme: dark){.item__img.loading{background-color:#333}}.item__img.loading:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(10px);opacity:.7}.item__img.loaded{background:none;animation:fade-in .4s ease-out}.item__img.loaded:before{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.item__info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}@media (max-width: 768px){.item__info{padding:1rem}}.item__title{color:#fff;font-size:1rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.item__title{font-size:.9rem}}.item__content{color:#ffffffe6;font-size:.875rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}@media (max-width: 768px){.item__content{font-size:.8rem}}@media (max-width: 768px),(hover: none){.item .item__info{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.item{animation:fade-in .3s ease;transition-duration:.1s}.item:hover{transition-duration:.1s}.item__img{animation:none;transition-duration:.1s}.item__info{transition-duration:.1s}}.page-area>iframe{border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.readme{--br: 2rem;--pad: 1rem;--lbg: hsl(from var(--bg) h s calc(l - 5) );--dbg: hsl(from var(--bg) h s calc(l + 10) );--lmbg: hsl(from var(--bg) h s calc(l - 2.5) );--dmbg: hsl(from var(--bg) h s calc(l + 5) );--mbg: light-dark(var(--lmbg), var(--dmbg));--blbg: light-dark(var(--lbg, var(--bg)), var(--dbg, var(--bg)));max-width:750px;margin-inline:auto;padding:var(--pad);background-color:var(--blbg);border-radius:var(--br)}.readme__content{padding:calc(var(--pad) / 2);background-color:var(--bg);border-radius:calc(var(--br) - var(--pad))}.readme table{display:block;width:100%;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--mlbg);--br: 1rem}.readme table tr{background-color:var(--bg);border-top:1px solid var(--mbg)}.readme table tr:nth-child(2n){background-color:var(--mbg)}.readme table thead tr:first-child>:first-child{border-top-left-radius:var(--br)}.readme table thead tr:first-child>:last-child{border-top-right-radius:var(--br)}.readme table tbody tr:last-child>:first-child{border-bottom-left-radius:var(--br)}.readme table tbody tr:last-child>:last-child{border-bottom-right-radius:var(--br)}.readme table th,.readme table td{padding:6px 13px;border:1px solid var(--blbg)}.readme table th:last-child img,.readme table td:last-child img{vertical-align:middle;border-radius:100vw;aspect-ratio:100/25;height:25px;width:100px}.readme #social-media+p{margin-block:1rem;font-size:3.4cqw;text-align:center;vertical-align:middle;text-box-trim:trim-both}.readme #social-media+p a,.readme #social-media+p img{display:inline-block}.readme #social-media+p a,.readme #social-media+p a *,.readme #social-media+p img,.readme #social-media+p img *{max-width:1em}.readme #social-media+p img{display:block}