@layer theme,base;@layer components{.s2p{color:#fff;box-sizing:border-box;background:var(--s22);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}.s2r{text-align:center;flex-direction:column;flex:1;display:flex}.s2w{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}.s2q{justify-content:center;margin-bottom:12px;display:flex}.s2u{width:100%;min-width:0;display:flex}.s2v{width:100%;min-width:0}.s2r{transition:transform .2s}.s2q 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}.s2t{white-space:nowrap;background:linear-gradient(90deg,var(--s35),var(--s8));color:#0000;text-overflow:ellipsis;background-clip:text;margin:0 0 8px;font-size:1.1rem;overflow:hidden}.s2s{color:var(--s31);-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){.s2w{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (480px<=width<=767px){.s2w{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (768px<=width<=1099px){.s2w{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.s2v:hover .s2r{transform:translateY(-2px)}.s2v:hover .s2p{background:var(--s2s);box-shadow:var(--sm)}.s2q:hover img{border-color:var(--s7);animation:.65s ease-in-out k6}}@media (width>=1400px){.s2w{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=480px){.s2p{padding:14px}.s2q img{width:70px;height:70px}.s2t{font-size:1rem}.s2s{font-size:.9rem}}@media (width<=479px){.s2w{grid-template-columns:1fr;gap:14px;margin:20px auto}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.s2q:hover img{transition:none;animation:none;transform:none}}}@layer utilities;