#ox-transition{
 position:fixed;inset:0;z-index:2147483647;pointer-events:none;
 opacity:0;visibility:hidden;
 background:
  repeating-linear-gradient(0deg,transparent 0 2px,rgba(153,219,172,.055) 2px 3px),
  radial-gradient(circle at 50% 50%,rgba(153,219,172,.13),transparent 38%),
  #030807;
 transition:opacity .28s ease,visibility 0s linear .28s;
}
#ox-transition::after{
 content:"";position:absolute;left:0;right:0;top:50%;height:1px;
 background:#99dbac;box-shadow:0 0 26px rgba(153,219,172,.8);
 transform:scaleX(.08);opacity:.4;transition:transform .22s ease,opacity .22s ease;
}
html.ox-enter #ox-transition,html.ox-exit #ox-transition{
 opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease;
}
html.ox-exit #ox-transition::after{transform:scaleX(1);opacity:1}
@media(prefers-reduced-motion:reduce){
 #ox-transition,#ox-transition::after{transition:none!important}
}