.hub-logo__live-btn{--design-color-live:#ff2a3d;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;background:none;border:none;cursor:pointer;pointer-events:auto}.hub-logo__live-btn:focus-visible{outline:3px solid var(--design-color-live);outline-offset:4px}.hub-logo__live-pass{position:absolute;top:4%;right:-2%;z-index:2;min-width:43%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:5px;padding:5px 9px 5px 7px;color:#f5eee1;background:linear-gradient(102deg,rgba(255,255,255,.1),transparent 45%),#151515;border:1px solid rgba(245,238,225,.86);clip-path:polygon(0 0,94% 0,100% 24%,100% 100%,6% 100%,0 76%);box-shadow:3px 3px 0 rgba(0,0,0,.82),inset 0 -2px 0 var(--design-color-live);transform:rotate(2deg);animation:hub-logo-live-pass-in .32s cubic-bezier(.2,.78,.2,1) both}.hub-logo__live-pass i{grid-row:1/-1;width:8px;aspect-ratio:1;border-radius:50%;background:var(--design-color-live)}.hub-logo__live-pass b,.hub-logo__live-pass small{white-space:nowrap;line-height:1}.hub-logo__live-pass b{font-family:var(--font-bebas),sans-serif;font-size:clamp(9px,1.25vw,14px);letter-spacing:.12em}.hub-logo__live-pass small{margin-top:2px;color:var(--design-color-live);font-family:var(--font-body),sans-serif;font-size:clamp(6px,.72vw,9px);font-weight:800;letter-spacing:.08em}@keyframes hub-logo-live-pass-in{0%{opacity:0;transform:translateY(-7px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@media (prefers-reduced-motion:reduce){.hub-logo__live-pass{animation:none}}