/* Native top-layer transitions keep both opening and closing motion composited. */
:is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog,.ss-country-dialog){
  opacity:0;transform:translateY(16px) scale(.985);
  transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),display .3s allow-discrete,overlay .3s allow-discrete;
}
:is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog)[open],.ss-country-dialog:popover-open{opacity:1;transform:none}
.ss-menu-dialog{transform:translateX(100%)}
.ss-menu-dialog[open],.ss-menu-dialog[open]::backdrop{animation:none}
:is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog)::backdrop{
  opacity:0;transition:opacity .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;
}
:is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog)[open]::backdrop{opacity:1}
@starting-style{
  :is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog)[open],.ss-country-dialog:popover-open{opacity:0;transform:translateY(16px) scale(.985)}
  .ss-menu-dialog[open]{opacity:0;transform:translateX(100%)}
  :is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog)[open]::backdrop{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  :is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog,.ss-country-dialog),
  :is(.ss-dialog,.ss-privacy-dialog,.ss-gallery-dialog,.ss-menu-dialog)::backdrop{transition:none!important;transform:none!important}
}