/* All rules are scoped to this logo. */
.rfg-logo-motion{display:block;position:relative;line-height:0;animation:rfg-arrive 1.2s cubic-bezier(.2,.7,.2,1) both}
.rfg-logo-surface{display:block;position:relative;transition:transform .35s ease;transform-origin:center}

.rfg-logo-glint{position:absolute;inset:0;pointer-events:none;-webkit-mask: url("/img/rfg-logo.png?v=5") center/100% 100% no-repeat;mask: url("/img/rfg-logo.png?v=5") center/100% 100% no-repeat;clip-path:polygon(0 0,34% 0,34% 59%,100% 59%,100% 100%,0 100%)}
.rfg-logo-glint::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,238,176,.12) 45%,rgba(255,247,215,.8) 50%,rgba(255,238,176,.12) 55%,transparent 60%);transform:translateX(-140%);animation:rfg-shine 3s ease-in-out .4s infinite both}
@keyframes rfg-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes rfg-shine{0%{transform:translateX(-140%)}65%,100%{transform:translateX(140%)}}
@media(hover:hover) and (pointer:fine){a:hover>.rfg-logo-motion .rfg-logo-surface{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.rfg-logo-motion,.rfg-logo-glint::after{animation:none}.rfg-logo-glint{display:none}.rfg-logo-surface{transition:none}a:hover>.rfg-logo-motion .rfg-logo-surface{transform:none}}

.rfg-header-logo,.member-group-logo{filter:none;opacity:1}