.ty-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 300ms;
  opacity: 0; }
  .ty-overlay_default {
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px); }
  .ty-overlay_inverted {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px); }
  .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; }
