.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}@media(min-width:1100px){.groups{grid-template-columns:repeat(3,1fr)}}.group{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid var(--line);background:var(--surface-2);overflow:hidden;transition:transform .34s cubic-bezier(.2,.8,.25,1),border-color .34s,box-shadow .34s}.group:hover{transform:translateY(-6px);border-color:rgba(var(--show,255,46,147),.65);box-shadow:0 22px 48px #0000008c,0 0 30px -6px rgba(var(--show,255,46,147),.6)}.group:focus-visible{outline:2px solid var(--hl);outline-offset:3px}.group__poster{position:relative;aspect-ratio:4/5;overflow:hidden;isolation:isolate}.group__poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.group:hover .group__poster img{transform:scale(1.04)}.group__poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 76%);transform:translate(-45%);opacity:0;transition:opacity .34s}.group:hover .group__poster:before{opacity:1;transform:translate(45%);transition:opacity .34s,transform .95s ease}.group__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px}.group__flag{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--cool);margin:0}.group__title{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1;margin:0;color:var(--text)}.group__members{font-family:var(--cond);font-weight:600;font-size:16px;letter-spacing:.04em;color:var(--hl);margin:2px 0 0}.group__tag{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-mut);margin:4px 0 0}@media(prefers-reduced-motion:reduce){.group,.group__poster img,.group__poster:before{transition:none}.group:hover,.group:hover .group__poster img{transform:none}}@media(max-width:620px){.groups{grid-template-columns:1fr 1fr;gap:14px}.group__body{padding:14px 14px 16px}.group__title{font-size:22px}.group__members{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tnc-groups.css.map */