.modal{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;z-index:2;transition:all .3s ease}.modal,.modal *{pointer-events:none}.modal-show,.modal-show *{pointer-events:auto}.modal-show{opacity:1}.backdrop{content:"";position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.24);transition:opacity .3s ease;backdrop-filter:blur(4px);pointer-events:none;opacity:0}.backdrop-show{pointer-events:auto;opacity:1}.modal-content{position:relative;border-radius:16px;max-width:488px;width:100%;background-color:#fff;border:1px solid #e8ebf0;padding:24px}.modal-close{position:absolute;top:0;right:-64px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e8ebf0;background:#fff;border-radius:8px;font-weight:600;color:rgba(14,18,27,.4);font-size:15px;line-height:1}