.ds-backdrop__Rso0Na {
  z-index: var(--ds-backdrop-z-index);
  max-width: 100vw;
  max-height: 100vh;
  max-height: 100dvh;
}
.ds-backdrop__Rso0Na::backdrop {
  background-color: var(--ds-bgColor-transparent-onLight);
  transition: display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease;
}
@starting-style {
  .ds-backdrop__Rso0Na::backdrop {
    background-color: var(--ds-bgColor-transparent-onLight);
  }
}
.ds-backdrop__Rso0Na--in::backdrop {
  transition: display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease;
}
.ds-backdrop__Rso0Na--open::backdrop {
  background-color: var(--ds-bgColor-backdrop);
}
@media (prefers-reduced-motion: reduce) {
  .ds-backdrop__Rso0Na::backdrop {
    transition: none;
  }
}

html:has(.ds-modal__Rso0Na--open) {
  overflow: hidden;
}