,
.lightbox-dialog--show-init .lightbox-dialog__window--animate > *,
.lightbox-dialog--show-init .lightbox-dialog__window--fade {
  opacity: 0;
}
.lightbox-dialog--hide-init.lightbox-dialog--hide-init,
.lightbox-dialog--hide-init.lightbox-dialog--show,
.lightbox-dialog--show.lightbox-dialog--hide-init,
.lightbox-dialog--show.lightbox-dialog--show {
  display: flex;
}
.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,
.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,
.lightbox-dialog--show.lightbox-dialog--mask-fade,
.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {
  background-color: var(--dialog-scrim-color-show);
}
.lightbox-dialog--hide-init .lightbox-dialog__window--animate,
.lightbox-dialog--hide-init .lightbox-dialog__window--animate > *,
.lightbox-dialog--hide-init .lightbox-dialog__window--fade,
.lightbox-dialog--show .lightbox-dialog__window--animate,
.lightbox-dialog--show .lightbox-dialog__window--animate > *,
.lightbox-dialog--show .lightbox-dialog__window--fade {
  opacity: 1;
}
@media (prefers-reduced-motion) {
  .lightbox-dialog--hide.lightbox-dialog--mask-fade,
  .lightbox-dialog--hide.lightbox-dialog--mask-fade-slow {
    transition: background-color var(--motion-duration-short-3) var(--motion-easing-soft-exit);
  }
  .lightbox-dialog--hide .lightbox-dialog__window--animate,
  .lightbox-dialog--hide .lightbox-dialog__window--fade {
    transition: opacity var(--motion-duration-short-3) var(--motion-easing-soft-exit);
  }
  .lightbox-dialog--hide .lightbox-dialog__window--animate > * {
    transition: opacity var(--motion-duration-short-2) var(--motion-soft-exit);
  }
  .lightbox-dialog--show.lightbox-dialog--mask-fade,
  .lightbox-dialog--show.lightbox-dialog--mask-fade-slow {
    transition: background-color var(--motion-duration-medium-2) var(--motion-easing-soft-enter);
  }
  .lightbox-dialog--show .lightbox-dialog__window--animate,
  .lightbox-dialog--show .lightbox-dialog__window--fade {
    transition: opacity var(--motion-duration-medium-2) var(--motion-easing-soft-enter);
  }
  .lightbox-dialog--show .lightbox-dialog__window--animate > * {
    transition: opacity var(--motion-duration-medium-2) var(--motion-easing-soft-enter) var(--motion-duration-short-3);
  }
}
.lightbox-dialog--hide-init .lightbox-dialog__window--animate,
.lightbox-dialog--show .lightbox-dialog__window--animate {
  transform: translateY(0);
}
.lightbox-dialog--hide .lightbox-dialog__window--animate,
.lightbox-dialog--show-init .lightbox-dialog__window--animate {
  transform: translateY(100%);
}
.lightbox-dialog__handle:after {
  background-color: var(--dialog-handle-color, var(--color-border-medium));
  border-radius: 3px;
  content: "";
  display: block;
  height: 2px;
  width: 24px;
}
[dir="rtl"] button.icon-btn.lightbox-dialog__prev .icon--16 {
  transform: rotate(180deg);
}
.lightbox-dialog--fullscreen .lightbox-dialog__window,
.lightbox-dialog--large .lightbox-dialog__window {
  align-self: center;
  height: 70%;
  margin: var(--spacing-100);
  max-height: 95%;
}
@media (max-width: 512px) {
  .lightbox-dialog--large .lightbox-dialog__window {
    height: 95%;
    max-height: 95%;
    width: 100%;
  }
  .lightbox-dialog--fullscreen .lightbox-dialog__window {
    border-radius: 0;
    height: 100%;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 512px) {
  .lightbox-dialog__window {
    border-radius: var(--lightbox-border-radius, var(--border-radius-100));
    margin: auto;
    max-width: 88%;
  }
  .lightbox-dialog--narrow .lightbox-dialog__window {
    max-width: var(--dialog-lightbox-narrow-max-width);
  }
  .lightbox-dialog__window .lightbox-dialog__footer {
    flex-direction: row;
    justify-content: flex-end;
  }
  .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {
    margin-left: var(--spacing-100);
    margin-top: 0;
  }
  .lightbox-dialog--hide-init .lightbox-dialog__window--animate,
  .lightbox-dialog--show .lightbox-dialog__window--animate {
    transform: scale(1);
  }
  .lightbox-dialog--hide .lightbox-dialog__window--animate,
  .lightbox-dialog--show-init .lightbox-dialog__window--animate {
    transform: scale(0.75);
  }
}
@media (min-width: 512px) and (prefers-reduced-motion) {
  .lightbox-dialog--hide .lightbox-dialog__window--animate,
  .lightbox-dialog--hide-init .lightbox-dialog__window--animate,
  .lightbox-dialog--show .lightbox-dialog__window--animate,
  .lightbox-dialog--show-init .lightbox-dialog__window--animate {
    transform: scale(1);
  }
}
@media (min-width: 768px) {
  .lightbox-dialog__window {
    max-width: var(--dialog-lightbox-max-width);
  }
  .lightbox-dialog--wide .lightbox-dialog__window {
    max-width: 88%;
  }
  .lightbox-dialog--wide .lightbox-dialog__image {
    height: 256px;
  }
  .lightbox-dialog--wide.lightbox-dialog--expressive .lightbox-dialog__header > * {
    margin-top: 256px;
  }
}
@media (min-width: 1024px) {
  .lightbox-dialog--wide .lightbox-dialog__window {
    max-width: var(--dialog-lightbox-wide-max-width);
  }
}
P