.vuv-sf-modal[hidden] { display: none !important; }
.vuv-sf-modal { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: 24px; }
.vuv-sf-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.62); }
.vuv-sf-modal__dialog { position: relative; width: min(100%, 460px); background: #fff; border-radius: 12px; padding: 32px; box-shadow: 0 24px 80px rgba(0,0,0,.25); }
.vuv-sf-modal__dialog h2 { margin: 0 0 10px; }
.vuv-sf-modal__dialog p { margin: 0 0 22px; }
.vuv-sf-modal__close { position: absolute; top: 10px; right: 14px; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; }
.vuv-sf-modal label { display: block; font-weight: 600; margin-bottom: 7px; }
.vuv-sf-modal input { width: 100%; min-height: 48px; padding: 10px 12px; font-size: 18px; border: 1px solid #bbb; border-radius: 6px; box-sizing: border-box; }
.vuv-sf-modal__submit { width: 100%; min-height: 48px; margin-top: 14px; border: 0; border-radius: 6px; cursor: pointer; font-weight: 700; }
.vuv-sf-modal__submit:disabled { cursor: wait; opacity: .65; }
.vuv-sf-modal__message { min-height: 22px; margin-top: 10px; font-size: 14px; }
.vuv-sf-modal__message.is-error { color: #b42318; }
.vuv-sf-modal__message.is-success { color: #067647; }
body.vuv-sf-modal-open { overflow: hidden; }