/* A single light pass inside the original MEIAI letter mask. Web opening only. */
html:not(.meiai-native) #mx-opening:not(.mx-quick) {
  transition:opacity 520ms cubic-bezier(.22,.8,.25,1),visibility 0s linear 520ms;
}
html:not(.meiai-native) #mx-opening:not(.mx-quick):not(.mx-leave) .mx-op-progress {
  opacity:1;
}
html:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-lockup>.mx-op-progress {
  top:calc(100% + 24px);
  bottom:auto;
}
html:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-light {
  display:block;
  background:none;
  opacity:.82;
  animation:none;
  pointer-events:none;
}
html:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-light::before {
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:0;
  width:48%;
  background:linear-gradient(110deg,transparent 14%,#e6bed14d 30%,#f4dfe9a6 43%,#fff7f0d6 50%,#d8f2f6a1 57%,#c1dfe34d 67%,transparent 84%);
  transform:translate3d(-150%,0,0);
  will-change:transform,opacity;
  animation:mx-brand-glint 1380ms cubic-bezier(.4,0,.6,1) 160ms both;
}
html[data-theme=dark]:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-light {
  opacity:.64;
}
html:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-lockup {
  transition:transform 520ms cubic-bezier(.22,.8,.25,1),opacity 420ms ease-out;
}
html:not(.meiai-native) #mx-opening:not(.mx-quick).mx-leave .mx-op-lockup {
  transform:translateY(calc(-50% - 6px));
}
@keyframes mx-brand-glint {
  0% {transform:translate3d(-150%,0,0);opacity:0}
  12% {opacity:1}
  78% {opacity:1}
  100% {transform:translate3d(300%,0,0);opacity:0}
}
@media(prefers-reduced-motion:reduce) {
  html:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-light {
    display:none;
  }
  html:not(.meiai-native) #mx-opening:not(.mx-quick) .mx-op-light::before {
    animation:none;
    will-change:auto;
  }
}