.modal_overlay{background:rgba(0,0,0,.2);position:fixed;top:0;left:0;right:0;bottom:0;display:grid;place-items:center;overflow-y:auto}.modal_container{background:var(--surface-default);border-radius:4px;box-shadow:0 8px 30px 0 rgba(0,0,0,.2);outline:none;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .5s ease}@starting-style{.modal_container{opacity:0;transform:perspective(400px) rotateX(-6deg) translateY(-12px) scale(.97)}}.modal_header{display:flex;align-items:center;justify-content:space-between}.modal_title{font:var(--font-headline-s);color:var(--text-primary)}