.rb-credit{
  --_mark: var(--foot-mark, 28px);
  --_accent: var(--foot-accent, #e2422e);
  display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:.35em;min-height:44px;padding:.35em .1em;
  color:inherit;text-decoration:none;font:inherit;line-height:1.2;
  transform:translateY(0);
  transition:transform .25s cubic-bezier(.2,.7,.2,1);
}
@media (max-width:600px){
  .rb-credit{ --_mark: var(--foot-mark, 24px); }
}

.rb-credit:hover,.rb-credit:focus-visible{ transform:translateY(-2px); }
.rb-credit:focus-visible{ outline:2px solid var(--_accent); outline-offset:4px; border-radius:6px; }

.rbc-label{
  font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.12em;
  color:var(--foot-muted, currentColor);white-space:nowrap;
}

.rbc-body{ display:flex; align-items:center; gap:.55em; }

.rbc-mark-wrap{
  height:var(--_mark); width:var(--_mark); flex:none; position:relative;
  perspective:600px; display:block;
}
.rbc-mark{
  height:100%; width:auto; display:block; overflow:visible;
  transform-style:preserve-3d; transform-origin:50% 50%;
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
.rbc-mark{ --rbc-c1:#e2422e; --rbc-c2:#c2362a; --rbc-c3:#a92f21; --rbc-c4:#7a1f16; }
.rbc-mark rect,.rbc-mark g{ fill:currentColor; transition:fill .25s ease; }
.rb-credit:hover .rbc-mark .rbc-c1,.rb-credit:focus-visible .rbc-mark .rbc-c1,.rb-credit.rbc-tap .rbc-mark .rbc-c1{ fill:var(--rbc-c1); }
.rb-credit:hover .rbc-mark .rbc-c2,.rb-credit:focus-visible .rbc-mark .rbc-c2,.rb-credit.rbc-tap .rbc-mark .rbc-c2{ fill:var(--rbc-c2); }
.rb-credit:hover .rbc-mark .rbc-c3,.rb-credit:focus-visible .rbc-mark .rbc-c3,.rb-credit.rbc-tap .rbc-mark .rbc-c3{ fill:var(--rbc-c3); }
.rb-credit:hover .rbc-mark .rbc-c4,.rb-credit:focus-visible .rbc-mark .rbc-c4,.rb-credit.rbc-tap .rbc-mark .rbc-c4{ fill:var(--rbc-c4); }
.rbc-sheen{ display:none; }
.rbc-mark .rbc-sheen-rect{ fill:url(#rbc-sheen-grad); opacity:0; transition:opacity .25s ease; pointer-events:none; mix-blend-mode:screen; }
.rb-credit:hover .rbc-mark .rbc-sheen-rect,.rb-credit:focus-visible .rbc-mark .rbc-sheen-rect{ opacity:1; }

.rbc-name{ font-size:14px; font-weight:400; transition:color .25s ease; }
.rb-credit:hover .rbc-name,.rb-credit:focus-visible .rbc-name{ color:var(--_accent); }

@keyframes rbc-tap{ 0%{transform:scale(1)} 45%{transform:scale(.9) rotate(-3deg)} 100%{transform:scale(1)} }
.rb-credit.rbc-tap .rbc-mark{ animation:rbc-tap .32s cubic-bezier(.3,1.4,.4,1); }

@media (prefers-reduced-motion:reduce){
  .rb-credit,.rbc-mark,.rbc-sheen,.rbc-sheen-rect{ transition:none !important; animation:none !important; }
  .rb-credit:hover,.rb-credit:focus-visible{ transform:none; }
  .rbc-mark{ transform:none !important; }
  .rbc-sheen,.rbc-mark .rbc-sheen-rect{ display:none; }
}

@media (forced-colors:active){ .rbc-mark *{ fill:CanvasText; } }