.vdbc-open,.vdbc-send{background:#e3e1dc;border:0;padding:17px 30px;letter-spacing:.14em;cursor:pointer;color:#222}.vdbc-overlay[hidden]{display:none!important}.vdbc-overlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;padding:20px}.vdbc-modal{background:#e3e1dc;color:#222;position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(20px,4vw,48px);box-sizing:border-box}.vdbc-modal h2{text-align:center;margin:0 35px 8px}.vdbc-modal>p{text-align:center}.vdbc-close{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:36px;cursor:pointer}.vdbc-form{display:grid;gap:15px;margin-top:25px}.vdbc-form>label:not(.vdbc-consent){display:grid;gap:5px}.vdbc-form input:not([type=checkbox]),.vdbc-form textarea{background:#fff;border:1px solid #d2d2d2;border-radius:3px;box-sizing:border-box;width:100%;padding:13px;font:inherit}.vdbc-consent{display:flex;gap:10px;align-items:flex-start}.vdbc-send{background:#282828;color:white;letter-spacing:.06em}.vdbc-send:disabled{opacity:.6}.vdbc-result{min-height:1.5em;margin:0}.vdbc-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.vdbc-lock{overflow:hidden}

/* v0.7.1: Safari/iOS scroll fix for long condolence forms. */
.vdbc-overlay{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:safe center;box-sizing:border-box;}
.vdbc-modal{display:block;flex:0 1 760px;min-width:0;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;}
.vdbc-modal .vdbc-form{min-height:0;}
@media(max-width:767px){.vdbc-overlay{padding:12px;align-items:flex-start;}.vdbc-modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);width:100%;padding:24px 18px;}.vdbc-send{min-height:48px;}}

/* v0.7.2: single scrolling surface for Safari (desktop and iOS). */
.vdbc-overlay{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:100%;height:100%;height:100dvh;max-width:100vw;
  padding:20px;overflow-x:hidden;overflow-y:auto;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  box-sizing:border-box;
}
.vdbc-modal{
  flex:0 0 auto;width:100%;max-width:760px;min-width:0;max-height:none;
  margin:auto 0;overflow:visible;box-sizing:border-box;
}
.vdbc-modal,.vdbc-modal *{min-width:0;}
.vdbc-form{width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
.vdbc-form>label,.vdbc-form input:not([type=checkbox]),.vdbc-form textarea,.vdbc-send{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.vdbc-consent{width:100%;max-width:100%;box-sizing:border-box;}
.vdbc-consent input{flex:0 0 auto;}
.vdbc-form textarea{resize:vertical;}
@media(max-width:767px){
  .vdbc-overlay{padding:12px;}
  .vdbc-modal{width:100%;max-width:100%;max-height:none;padding:24px 16px;}
  .vdbc-modal h2{overflow-wrap:break-word;}
}

/* v0.7.4: isolate the dialog from Uncode scroll and transform containers. */
html.vdbc-lock{overflow:hidden!important;}
body.vdbc-lock{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important;}
body > .vdbc-overlay:not([hidden]){position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow:hidden!important;transform:none!important;}
body > .vdbc-overlay .vdbc-modal{position:relative!important;display:block!important;width:100%!important;max-width:760px!important;min-width:0!important;height:auto!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain!important;box-sizing:border-box!important;scrollbar-width:auto!important;touch-action:pan-y!important;}
body > .vdbc-overlay .vdbc-modal,body > .vdbc-overlay .vdbc-form,body > .vdbc-overlay .vdbc-form>*{min-width:0!important;max-width:100%;box-sizing:border-box;}
body > .vdbc-overlay .vdbc-form input:not([type=checkbox]),body > .vdbc-overlay .vdbc-form textarea,body > .vdbc-overlay .vdbc-send{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
@media(max-width:767px){body > .vdbc-overlay{padding:10px!important;}body > .vdbc-overlay .vdbc-modal{max-height:calc(100dvh - 20px)!important;padding:24px 16px!important;}}
