.modal{display:none}.modal.is-open{display:block}.modal__overlay{z-index:var(--z-index-modal);background:#090909cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__container{background-color:var(--surface-light-background);border-radius:var(--radius-sm);box-sizing:border-box;padding:var(--spacing-lg);max-width:500px;max-height:100vh;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.modal__close{border-radius:var(--radius-circle);color:var(--content-on-light-primary);background:0 0;width:3rem}.modal__close svg{pointer-events:none}.modal__content{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.modal[aria-hidden=false] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) modalfadeIn}.modal[aria-hidden=false] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) modalSlideIn}.modal[aria-hidden=true] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) modalfadeOut}@keyframes modalfadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalfadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes modalSlideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}
/*# sourceMappingURL=modal.css.map */