.modal{background-color:#0006;display:grid;top:0;right:0;bottom:0;left:0;overflow-y:auto;place-items:center;pointer-events:auto;position:fixed;z-index:1001}.modal__content{background-color:#fff;border-radius:2px;max-width:30rem;padding:30px;position:relative;width:100%}.modal__header-wrapper{margin-bottom:16px;min-height:32px}.modal__footer{padding-top:16px}.modal__header .button__close{color:#8992a0;inset-inline-end:var(--3136e488);padding:8px;position:absolute;top:var(--3136e488);z-index:1}