.ty-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: opacity var(--ty-overlay-fade-duration);
  opacity: 0;
}
.ty-overlay_default {
  background-color: var(--ty-overlay-bg-default);
}
.ty-overlay_blurred {
  backdrop-filter: blur(var(--ty-overlay-blur-radius));
}
.ty-overlay_inverted {
  background-color: var(--ty-overlay-bg-inverted);
}
.ty-overlay_fade-enter {
  opacity: 0;
}
.ty-overlay_fade-enter-done {
  opacity: 1;
}
.ty-overlay_fade-exit {
  opacity: 1;
}
.ty-overlay_fade-exit-active {
  opacity: 0;
}
.ty-overlay_fade-exit-done {
  opacity: 0;
  display: none;
}