/* The same foil and stamped FF seal carry through the social clubhouse. */
.club-pass-seal{float:left;display:grid;place-items:center;width:48px;height:48px;margin:0 16px 0 0;border-radius:12px;background:linear-gradient(140deg,#dcebd4,#97b69b 46%,#d3dfbc);border:1px solid #dfedcd;box-shadow:inset 0 0 0 3px #334e3b30,0 4px 0 #283f30,0 8px 18px #0004;animation:ff-club-stamp .7s cubic-bezier(.2,.8,.2,1) both;position:relative;overflow:hidden}
.club-pass-seal img{width:33px;height:33px;filter:brightness(0);opacity:.8}
.club-pass-seal:after{content:'';position:absolute;inset:-50% -100%;background:linear-gradient(110deg,transparent 40%,#fff9 50%,transparent 60%);animation:ff-club-seal-shine 1.7s .4s ease-out both;pointer-events:none}
#community-content[data-club-view=friends],#community-content[data-club-view=events]{animation:ff-club-pane .55s ease-out both}
#community-content .friend-player-card,#community-content .social-event-card{animation:ff-club-card .65s cubic-bezier(.2,.7,.2,1) both;transform-origin:center 60%}
#community-content .friend-player-card:nth-child(2),#community-content .social-event-card:nth-child(2){animation-delay:.07s}
#community-content .friend-player-card:nth-child(3),#community-content .social-event-card:nth-child(3){animation-delay:.14s}
#community-content .friend-player-card:nth-child(n+4),#community-content .social-event-card:nth-child(n+4){animation-delay:.21s}
.dimensional-player-card:after{animation:ff-club-pass-foil 1.8s .25s ease-out both}
.friend-player-card{position:relative;isolation:isolate;overflow:hidden}
.friend-player-card:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#dbefdf0f 48%,transparent 67%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}
.friend-player-card:hover:after{transform:translateX(120%)}
#community-content[data-club-view=events] .club-empty-people,#community-content[data-club-view=friends] .club-empty-people{animation:ff-club-card .65s .08s ease-out both}
@keyframes ff-club-stamp{0%{opacity:0;transform:scale(1.25) rotate(-10deg)}65%{opacity:1;transform:scale(.96) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes ff-club-pane{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes ff-club-card{from{opacity:0;transform:perspective(1000px) translateY(16px) rotateX(3deg)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateX(0)}}
@keyframes ff-club-seal-shine{from{transform:translateX(-45%)}to{transform:translateX(45%)}}
@keyframes ff-club-pass-foil{from{transform:translateX(-90%);opacity:0}30%{opacity:1}to{transform:translateX(90%);opacity:0}}
@media(max-width:600px){.club-pass-seal{width:40px;height:40px;margin-right:12px;border-radius:9px}.club-pass-seal img{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.club-pass-seal,.club-pass-seal:after,#community-content[data-club-view],#community-content .friend-player-card,#community-content .social-event-card,#community-content .club-empty-people,.dimensional-player-card:after{animation:none!important}.friend-player-card:after{transition:none;display:none}}