.my-group-card{--a:#5b2bc9;--b:#8b5cf6;--c:#c4b5fd;isolation:isolate;color:#fff;background:radial-gradient(120% 140% at 100% 0%, var(--c) 0%, transparent 42%), linear-gradient(135deg, var(--a), var(--b));min-height:168px;box-shadow:0 16px 34px color-mix(in srgb, var(--a) 35%, transparent), inset 0 1px 0 #ffffff40;border-radius:24px;justify-items:start;gap:2px;padding:18px 20px 16px;text-decoration:none;transition:transform .14s;display:grid;position:relative;overflow:hidden}.my-group-card:active{transform:scale(.98)}.my-group-card:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);animation:1.6s ease-out .4s both mg-shine;position:absolute;inset:0;transform:translate(-120%)}.mg-pattern{z-index:-2;opacity:.22;pointer-events:none;position:absolute;inset:0}.mg-big-icon{z-index:-1;stroke-width:1.4px;opacity:.2;width:150px;height:150px;position:absolute;bottom:-22px;right:-14px;transform:rotate(-14deg)}.mg-kicker{letter-spacing:.12em;text-transform:uppercase;background:#fff3;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-size:11.5px;font-weight:900;display:inline-flex}.mg-kicker svg{width:14px;height:14px}.mg-name{letter-spacing:-.03em;text-shadow:0 2px 14px #00000026;margin-top:10px;font-size:34px;font-weight:950;line-height:1}.mg-motto{opacity:.92;font-size:14px;font-weight:750}.mg-foot{justify-content:space-between;align-items:center;width:100%;margin-top:12px;display:flex}.mg-size{background:#00000024;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:800}.mg-go{color:var(--a);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:7px 10px 7px 14px;font-size:13.5px;font-weight:900;display:inline-flex;box-shadow:0 6px 16px #0000001f}.mg-go svg{width:16px;height:16px}.my-group-card.is-social{--a:#c2255c;--b:#f06595;--c:#ffd1e3}.my-group-card.is-social .mg-pattern{background-image:radial-gradient(circle at 20% 30%,#fff 0 3px,#0000 4px),radial-gradient(circle at 70% 70%,#fff 0 2px,#0000 3px);background-size:46px 46px,30px 30px}.my-group-card.is-marketing{--a:#e8590c;--b:#ff922b;--c:#ffe066}.my-group-card.is-marketing .mg-pattern{background-image:repeating-radial-gradient(circle at 100% 100%,#0000 0 18px,#fff 19px 20px)}.my-group-card.is-sponsor{--a:#0b5e4a;--b:#12a150;--c:#7cf0c5}.my-group-card.is-sponsor .mg-pattern{background-image:radial-gradient(60% 40% at 50% 100%,#0000 70%,#fff 72% 76%,#0000 78%);background-size:60px 22px}.my-group-card.is-shop{--a:#b7791f;--b:#f2b632;--c:#fff3bf}.my-group-card.is-shop .mg-pattern{opacity:.08;background-image:linear-gradient(45deg,#fff 25%,#0000 25% 75%,#fff 75%),linear-gradient(45deg,#fff 25%,#0000 25% 75%,#fff 75%);background-position:0 0,14px 14px;background-size:28px 28px}.my-group-card.is-mini{--a:#1c4fd1;--b:#4dabf7;--c:#c5f6fa}.my-group-card.is-mini .mg-pattern{opacity:.35;background-image:radial-gradient(circle at 25% 25%,#fff 0 5px,#0000 6px),radial-gradient(circle at 75% 60%,#ffe066 0 4px,#0000 5px),radial-gradient(circle at 50% 85%,#ff8fab 0 3px,#0000 4px);background-size:58px 58px}.my-group-card.is-eventi{--a:#5f1fc9;--b:#a855f7;--c:#f3d9fa}.my-group-card.is-eventi .mg-pattern{background-image:conic-gradient(from 200deg at 85% -10%, transparent 0 20deg, #fff 22deg 30deg, transparent 32deg 50deg, #fff 52deg 58deg, transparent 60deg);opacity:.18}.my-group-card.is-banner{aspect-ratio:5/2;background:var(--a);min-height:0;padding:0;display:block;container-type:inline-size}.my-group-card.is-banner:before{z-index:1}.mg-banner{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.my-group-card.is-banner:after{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--a) 70%, #000 12%) 0%, transparent 50%);opacity:.55;position:absolute;inset:0}.mg-label{-webkit-backdrop-filter:blur(6px);letter-spacing:.14em;text-transform:uppercase;background:#fff3;border:1px solid #fff6;border-radius:999px;align-items:center;gap:1.4cqw;padding:1.2cqw 2.8cqw 1.2cqw 2.2cqw;font-size:max(9.5px,2.5cqw);font-weight:800;display:inline-flex;position:absolute;top:9%;left:5.5%;box-shadow:0 2px 10px #0000001f}.mg-label svg{width:max(11px,3cqw);height:max(11px,3cqw)}.mg-title{flex-direction:column;gap:1cqw;max-width:46%;display:flex;position:absolute;top:35.5%;left:5.5%}.my-group-card.is-banner .mg-name{letter-spacing:-.03em;white-space:nowrap;text-shadow:0 1px 2px #0006,0 3px 12px #0000004d;margin:0;font-size:8.2cqw;font-weight:900;line-height:1.05}.mg-sub{opacity:.96;white-space:pre-line;text-shadow:0 1px 2px #00000059,0 1px 8px #00000040;font-size:max(11px,3.3cqw);font-weight:500;line-height:1.3}.my-group-card.is-banner.is-social{--a:#ef5a5f}.my-group-card.is-banner.is-marketing{--a:#12a27c}.my-group-card.is-banner.is-sponsor{--a:#1450c2}.my-group-card.is-banner.is-shop{--a:#f0a020}.my-group-card.is-banner.is-mini{--a:#8a2be2}.my-group-card.is-banner.is-mini .mg-banner{filter:brightness(.88)}.my-group-card.is-banner.is-eventi{--a:#f39a1e}.home-group-preview{gap:8px;display:grid}.home-group-preview-bar{scrollbar-width:none;background:#fff7d6;border:1.5px dashed #e0b84a;border-radius:14px;gap:6px;padding:6px;display:flex;overflow-x:auto}.home-group-preview-bar::-webkit-scrollbar{display:none}.home-group-preview-bar button{color:#5c4306;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:none;padding:6px 11px;font-size:12.5px;font-weight:800}.home-group-preview-bar button.is-active{color:#fff;background:#5c4306}@keyframes mg-shine{to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.my-group-card:before{animation:none}}