.signal-transition{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;background:#030405;color:#fff;opacity:0;visibility:hidden;pointer-events:none}.signal-transition::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.06) 4px);mix-blend-mode:screen;animation:signalNoise .12s steps(2) infinite}.signal-transition__line{position:absolute;z-index:3;left:0;right:0;height:1px;background:#fff;box-shadow:0 0 18px #fff;transform:scaleX(0)}.signal-transition__text{position:relative;z-index:4;font:700 11px/1 Arial,sans-serif;letter-spacing:.42em;transform:translateY(54px);opacity:0}.signal-transition__text b{color:#e0262e;text-shadow:0 0 18px #e0262e}.signal-transition__lens{position:absolute;z-index:2;width:24px;aspect-ratio:1;border-radius:50%;opacity:0;background:radial-gradient(circle at 38% 34%,#8f99ab 0 5%,#202631 12%,#06070a 43%,#000 70%);border:2px solid #aeb4bf;box-shadow:0 0 0 6px #30343b,0 0 0 8px #c7cbd1,0 0 55px rgba(139,158,197,.5)}.signal-transition__lens::before,.signal-transition__lens::after{content:"";position:absolute;inset:-16%;border:1px solid rgba(255,255,255,.65);border-radius:50%}.signal-transition__lens::after{inset:-34%;border-color:rgba(255,255,255,.22)}.signal-transition__lens i,.signal-transition__lens b,.signal-transition__lens span{position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.signal-transition.is-running{visibility:visible;opacity:1;pointer-events:auto;animation:signalFlash 1.65s both}.signal-transition.is-running .signal-transition__line{animation:signalLine 1.05s .12s cubic-bezier(.7,0,.2,1) both}.signal-transition.is-running .signal-transition__lens{animation:signalLens 1s .58s cubic-bezier(.7,0,.2,1) forwards}.signal-transition.is-running .signal-transition__text{animation:signalText .45s .25s both}.signal-transition.is-entering{visibility:visible;opacity:1;animation:signalExit 1.1s .12s cubic-bezier(.7,0,.2,1) both}.signal-transition.is-entering .signal-transition__lens{opacity:1;transform:scale(180)}@keyframes signalNoise{50%{transform:translateY(7px)}}@keyframes signalFlash{0%{opacity:0}8%,18%,27%,100%{opacity:1}12%,23%{opacity:.35}}@keyframes signalLine{0%{transform:scaleX(0)}45%{transform:scaleX(1)}100%{transform:scaleX(.02)}}@keyframes signalLens{0%{opacity:0;transform:scale(.2) rotate(0)}15%{opacity:1}100%{opacity:1;transform:scale(180) rotate(35deg)}}@keyframes signalText{to{opacity:1;transform:translateY(42px)}}@keyframes signalExit{0%{opacity:1}65%{opacity:1}100%{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.signal-transition{display:none!important}}
