.ud-gate{--ud-ease-out: cubic-bezier(.23, 1, .32, 1);--ud-duration: 2s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;overflow:hidden;background:#05070d;animation:ud-fade-in .25s var(--ud-ease-out) both;cursor:progress}.ud-gate__half{position:absolute;top:0;bottom:0;width:50.5%;background:radial-gradient(120% 80% at var(--edge) 50%,rgba(140,20,30,.35) 0%,rgba(10,12,22,.9) 22%,#05070d 55%);will-change:transform}.ud-gate__half--left{left:0;--edge: 100%;animation:ud-split-left calc(var(--ud-duration) * .25) var(--ud-ease-out) calc(var(--ud-duration) * .75) both}.ud-gate__half--right{right:0;--edge: 0%;animation:ud-split-right calc(var(--ud-duration) * .25) var(--ud-ease-out) calc(var(--ud-duration) * .75) both}.ud-gate__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;animation:ud-shake var(--ud-duration) linear both}.ud-gate__glow{position:absolute;width:90vmin;height:90vmin;border-radius:50%;background:radial-gradient(circle,rgba(255,80,60,.55) 0%,rgba(193,18,31,.4) 28%,rgba(120,0,10,.15) 55%,transparent 70%);filter:blur(6px);will-change:transform,opacity;animation:ud-glow var(--ud-duration) var(--ud-ease-out) both}.ud-gate__rift{position:relative;width:clamp(3px,.6vw,8px);height:78vmin;transform-origin:center;background:linear-gradient(180deg,transparent 0%,rgba(255,120,110,.9) 12%,#fff 50%,rgba(255,120,110,.9) 88%,transparent 100%);border-radius:50%;box-shadow:0 0 12px 2px #ff5a46e6,0 0 42px 10px #e21e1eb3,0 0 90px 30px #96000a73;will-change:transform,opacity;animation:ud-rift var(--ud-duration) var(--ud-ease-out) both}.ud-gate__spore{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#d8e0ffe6;box-shadow:0 0 6px 1px #c8d7ff99;opacity:0;will-change:transform,opacity;animation-name:ud-spore;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ud-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ud-rift{0%{opacity:0;transform:scaleX(1) scaleY(.08)}12%{opacity:1}28%{transform:scaleX(1) scaleY(1)}50%{opacity:.72}62%{opacity:1}72%{opacity:1;transform:scaleX(1.8) scaleY(1)}to{opacity:0;transform:scaleX(7) scaleY(1)}}@keyframes ud-glow{0%{opacity:0;transform:scale(.6)}25%{opacity:.55;transform:scale(1)}50%{opacity:.4}65%{opacity:.78;transform:scale(1.15)}72%{opacity:.95;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}@keyframes ud-shake{0%,44%,to{transform:translateZ(0)}48%{transform:translate3d(-2px,1px,0)}53%{transform:translate3d(2px,-1px,0)}58%{transform:translate3d(-2px,-1px,0)}63%{transform:translate3d(2px,1px,0)}68%{transform:translate3d(-1px,0,0)}}@keyframes ud-split-left{to{transform:translate(-100%)}}@keyframes ud-split-right{to{transform:translate(100%)}}@keyframes ud-spore{0%{opacity:0;transform:translateZ(0) scale(var(--s, 1))}15%{opacity:var(--o, .8)}85%{opacity:var(--o, .8)}to{opacity:0;transform:translate3d(var(--dx, 0),var(--dy, -140px),0) scale(var(--s, 1))}}@media(prefers-reduced-motion:reduce){.ud-gate{animation:ud-fade-in .2s ease both}.ud-gate__half,.ud-gate__stage,.ud-gate__glow,.ud-gate__spore{animation:none}.ud-gate__glow{opacity:.5}.ud-gate__rift{animation:none;opacity:.9;transform:scaleY(1)}.ud-gate__spore{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/upside-down-gate.css.map */