.live-logo{--h:34px;--s:.2125;height:var(--h);align-items:flex-start;display:inline-flex}@media (max-width:900px){.live-logo{--h:28px;--s:.175}}.live-logo__name{width:auto;height:var(--h);margin-left:calc(var(--name-gap) * var(--h));display:block}.live{--acc:#8fa2fb;--live-dur:9s;width:var(--h);height:var(--h);perspective:420px;flex-shrink:0;position:relative}.live__stage{transform-origin:0 0;width:160px;height:160px;transform:scale(var(--s));transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}a:hover>.live-logo .live__stage,a:focus-visible>.live-logo .live__stage{transform:scale(var(--s)) rotateX(18deg) rotateY(-26deg)}.live__stage>span{position:absolute}.live__ring{width:56px;height:56px;transform-style:preserve-3d;animation:live-coin var(--live-dur) infinite both;top:0;left:0}.live__ring-layer,.live__ring-face{border-radius:50%;position:absolute;inset:0}.live__ring-layer{box-sizing:border-box;border:11px solid}.live__ring-face{background:conic-gradient(#e8ecf1,#aab4c2 12%,#6b7787 24%,#b9c2ce 36%,#fff 46%,#e8dcc6 52%,#9aa6b6 62%,#5b6676 74%,#d5dbe2 88%,#e8ecf1);animation:6s linear infinite live-sheen;transform:translateZ(1px);-webkit-mask-image:radial-gradient(closest-side,#0000 calc(100% - 11.5px),#000 calc(100% - 10.5px));mask-image:radial-gradient(closest-side,#0000 calc(100% - 11.5px),#000 calc(100% - 10.5px))}.live__ring-face--back{animation-name:live-sheen-back;transform:translateZ(-7px)rotateY(180deg)}.live__line{background:linear-gradient(#fff,#c9d1db);width:60px;height:11px;top:22.5px;left:50px;box-shadow:0 0 10px 1px #f2f4f640}.live__stem{background:linear-gradient(90deg, color-mix(in oklab, var(--acc) 70%, white), var(--acc));width:11px;height:76px;box-shadow:0 0 10px 1px color-mix(in oklab, var(--acc) 45%, transparent);top:28px;left:126.5px}.live__dot{width:56px;height:56px;box-shadow:inset -5px -6px 12px color-mix(in oklab, var(--acc) 40%, transparent), 0 0 18px 1px color-mix(in oklab, var(--acc) 18%, transparent);animation:live-flare var(--live-dur) infinite both;background:radial-gradient(circle at 34% 28%,#fff 0%,#eef1f5 30%,#c9d1db 62%,#7d8896 100%);border-radius:50%;top:0;left:104px}.live__packet{width:14px;height:14px;box-shadow:0 0 14px 5px color-mix(in oklab, var(--acc) 60%, white);opacity:0;background:#fff;border-radius:50%}.live__packet--line{animation:live-run-line var(--live-dur) infinite both;top:21px;left:43px}.live__packet--stem{animation:live-run-stem var(--live-dur) infinite both;top:49px;left:125px}.live__cube{width:0;height:0;transform-style:preserve-3d;animation:live-tumble var(--live-dur) infinite both;top:132px;left:132px;transform:translateZ(-28px)}.live__face{width:56px;height:56px;position:absolute;top:-28px;left:-28px}.live__face--front{background:linear-gradient(135deg, color-mix(in oklab, var(--acc) 55%, white), var(--acc) 50%, color-mix(in oklab, var(--acc) 80%, #15236b));animation:live-lock var(--live-dur) infinite both;transform:translateZ(28px);box-shadow:inset 0 0 0 1px #ffffff38}.live__face--back{background:color-mix(in oklab, var(--acc) 45%, #15236b);transform:rotateY(180deg)translateZ(28px)}.live__face--right{background:linear-gradient(135deg, var(--acc), color-mix(in oklab, var(--acc) 55%, #15236b));transform:rotateY(90deg)translateZ(28px)}.live__face--left{background:linear-gradient(135deg, color-mix(in oklab, var(--acc) 80%, #15236b), color-mix(in oklab, var(--acc) 50%, #15236b));transform:rotateY(-90deg)translateZ(28px)}.live__face--top{background:color-mix(in oklab, var(--acc) 60%, white);transform:rotateX(90deg)translateZ(28px)}.live__face--bottom{background:color-mix(in oklab, var(--acc) 40%, #15236b);transform:rotateX(-90deg)translateZ(28px)}html[data-motion-paused] .live *,html[data-motion-paused] .live__stage{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.live *{animation:none!important}.live__stage{transition:none}}@keyframes live-sheen{0%{transform:translateZ(1px)rotate(0)}to{transform:translateZ(1px)rotate(360deg)}}@keyframes live-sheen-back{0%{transform:translateZ(-7px)rotateY(180deg)rotate(0)}to{transform:translateZ(-7px)rotateY(180deg)rotate(-360deg)}}@keyframes live-run-line{0%,8%{opacity:0;transform:translate(0)}9%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(0)}17%{opacity:1;transform:translate(62px)}19%,to{opacity:0;transform:translate(62px)}}@keyframes live-flare{0%,16%{box-shadow:inset -5px -6px 12px color-mix(in oklab, var(--acc) 40%, transparent), 0 0 18px 1px color-mix(in oklab, var(--acc) 18%, transparent)}19%{box-shadow:inset -5px -6px 12px color-mix(in oklab, var(--acc) 40%, transparent), 0 0 46px 12px color-mix(in oklab, var(--acc) 60%, transparent)}32%,to{box-shadow:inset -5px -6px 12px color-mix(in oklab, var(--acc) 40%, transparent), 0 0 18px 1px color-mix(in oklab, var(--acc) 18%, transparent)}}@keyframes live-run-stem{0%,21%{opacity:0;transform:translateY(0)}22%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(0)}31%{opacity:1;transform:translateY(48px)}33%,to{opacity:0;transform:translateY(48px)}}@keyframes live-tumble{0%,32%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateZ(-28px)rotateX(0)rotateY(0)}41%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateZ(-28px)rotateX(-38deg)rotateY(-180deg)}50%,to{transform:translateZ(-28px)rotateX(0)rotateY(-360deg)}}@keyframes live-lock{0%,49%{box-shadow:inset 0 0 0 1px #ffffff38, 0 0 14px 1px color-mix(in oklab, var(--acc) 26%, transparent)}51%{box-shadow:inset 0 0 0 1px #ffffff38, 0 0 40px 10px color-mix(in oklab, var(--acc) 70%, transparent)}62%,to{box-shadow:inset 0 0 0 1px #ffffff38, 0 0 14px 1px color-mix(in oklab, var(--acc) 26%, transparent)}}@keyframes live-coin{0%,62%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:rotateY(0)}76%,to{transform:rotateY(360deg)}}