.dlg-host{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.dlg-scrim{position:absolute;inset:0;background:rgba(22,21,19,.45);backdrop-filter:blur(6px);animation:dlg-fade .3s cubic-bezier(.2,.7,.2,1)}@keyframes dlg-fade{0%{opacity:0}to{opacity:1}}.dlg-card{position:relative;z-index:1;max-height:100%;transition:transform .5s cubic-bezier(.3,1.12,.35,1),opacity .35s}.dlg-card:focus{outline:none}.dlg-card.from{transition:none}.dlg-card.pop{animation:dlg-pop .5s cubic-bezier(.3,1.35,.4,1)}@keyframes dlg-pop{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.dlg-host.right{align-items:stretch;justify-content:flex-end;padding:0}.dlg-host.right .dlg-scrim{background:rgba(22,21,19,.4);backdrop-filter:blur(4px)}.dlg-host.right .dlg-card{max-height:none;transform:translateX(103%);transition:transform .45s cubic-bezier(.3,.9,.3,1)}.dlg-host.right .dlg-card.in{transform:none}@media(prefers-reduced-motion:reduce){.dlg-card,.dlg-host.right .dlg-card{transition:none!important;transform:none!important}.dlg-card.pop{animation:none}}