dialog.ss-lightbox-modal {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  background: transparent;
  color: inherit;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.2s ease-out, overlay 0.2s ease-out allow-discrete, display 0.2s ease-out allow-discrete;
}

dialog.ss-lightbox-modal:open {
  opacity: 1;
}

@starting-style {
  dialog.ss-lightbox-modal:open {
    opacity: 0;
  }
}
dialog.ss-lightbox-modal::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.2s ease-out, overlay 0.2s ease-out allow-discrete, display 0.2s ease-out allow-discrete;
}

dialog.ss-lightbox-modal:open::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

@starting-style {
  dialog.ss-lightbox-modal:open::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}