@layer theme,base;@layer components{.s2q{color:#fff;box-sizing:border-box;background:var(--s1q);width:100%;min-width:0;min-height:200px;box-shadow:var(--sl);border-radius:10px;flex-direction:column;padding:16px;text-decoration:none;transition:transform .22s,background-color .22s,border-color .22s;display:flex;overflow:visible}.s2s{text-align:center;flex-direction:column;flex:1;display:flex}.s2x{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:20px;width:100%;max-width:1600px;margin:30px auto;padding:0 1rem;list-style-type:none;display:grid}.s2r{justify-content:center;margin-bottom:12px;display:flex}.s2v{width:100%;min-width:0;display:flex}.s2w{width:100%;min-width:0}.s2s{transition:transform .2s}.s2r img{object-fit:cover;border:2px solid var(--s4);transform-origin:50%;border-radius:9999px;width:80px;height:80px;transition:transform .22s,border-color .22s}.s2u{white-space:nowrap;background:linear-gradient(90deg,var(--s2t),var(--s8));color:#0000;text-overflow:ellipsis;background-clip:text;margin:0 0 8px;font-size:1.1rem;overflow:hidden}.s2t{color:var(--s2p);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}@media (1100px<=width<=1399px){.s2x{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (480px<=width<=767px){.s2x{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (768px<=width<=1099px){.s2x{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.s2w:hover .s2s{transform:translateY(-2px)}.s2w:hover .s2q{background:var(--s2g);box-shadow:var(--sm)}.s2r:hover img{border-color:var(--s7);animation:.65s ease-in-out k5}}@media (width>=1400px){.s2x{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=480px){.s2q{padding:14px}.s2r img{width:70px;height:70px}.s2u{font-size:1rem}.s2t{font-size:.9rem}}@media (width<=479px){.s2x{grid-template-columns:1fr;gap:14px;margin:20px auto}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.s2r:hover img{transition:none;animation:none;transform:none}}}@layer utilities;