.portal{z-index:200;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(60% 50%,#0a0814 0%,#020205 70%);align-content:center;place-items:center;gap:18px;transition:opacity .42s cubic-bezier(.16,1,.3,1),visibility 0s linear .42s;display:grid;position:fixed;inset:0}.portal.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s cubic-bezier(.16,1,.3,1),visibility}.portal__shaft{background:linear-gradient(#0000,#f1eef829 15% 85%,#0000);width:1px;height:34vh;position:relative}.portal__shaft i{background:#f1eef8;border-radius:2px;width:4px;height:46px;position:absolute;top:100%;left:-1.5px;transform:translateY(-100%);box-shadow:0 0 18px 3px #d65cffbf,0 0 46px 10px #d65cff47}.portal.is-on[data-dir=up] .portal__shaft i{animation:.78s cubic-bezier(.65,0,.35,1) forwards portal-up}.portal.is-on[data-dir=down] .portal__shaft i{animation:.78s cubic-bezier(.65,0,.35,1) forwards portal-down}.portal__floor{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#f1eef8;margin:0;font:800 75% 64px/1 Hubot Sans Variable,Geist Variable,sans-serif}.portal__label{letter-spacing:.2em;text-transform:uppercase;color:#8f89a5;margin:0;font:500 11px Geist Mono Variable,ui-monospace,monospace}@keyframes portal-up{0%{top:100%;transform:translateY(-100%)}to{top:0%;transform:translateY(0)}}@keyframes portal-down{0%{top:0%;transform:translateY(0)}to{top:100%;transform:translateY(-100%)}}