.vod-form{--vod-form-bg:#f7f7f7;--vod-text:#25294c;--vod-muted:#787878;--vod-primary:#ffc400;--vod-primary-hover:#e8b000;--vod-button-text:#fff;--vod-border:#e6e6e6;--vod-field-bg:#fff;--vod-option-bg:#fff;--vod-option-text:#25294c;--vod-option-active-bg:#ffc400;--vod-option-active-text:#25294c;--vod-custom-bg:#bdbdbd;--vod-custom-text:#fff;background:var(--vod-form-bg);border:0;border-radius:var(--vod-form-radius,24px);padding:var(--vod-form-padding,28px);max-width:var(--vod-form-max-width,620px);color:var(--vod-text);box-shadow:var(--vod-form-shadow,0 10px 30px rgba(0,0,0,.04));font-family:var(--vod-font-family,"Montserrat arm",Montserrat,Arial,sans-serif);font-size:var(--vod-base-font-size,16px);font-weight:var(--vod-base-font-weight,400);line-height:var(--vod-base-line-height,1.5);position:relative}.vod-form *{box-sizing:border-box}.vod-form__amount-card{background:var(--vod-field-bg);border-radius:var(--vod-amount-card-radius,18px);padding:var(--vod-amount-card-padding,14px 18px);margin-bottom:var(--vod-form-section-gap,16px);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--vod-amount-card-min-height,54px)}.vod-selected-name{font-weight:600;color:var(--vod-text)}.vod-selected-amount{font-weight:700;color:var(--vod-text);font-size:18px}.vod-selected-name:empty,.vod-selected-amount:empty{display:block}.vod-currency-tabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.vod-currency-tab{border:1px solid var(--vod-border);background:var(--vod-option-bg);color:var(--vod-option-text);border-radius:var(--vod-currency-radius,999px);padding:var(--vod-currency-padding,9px 14px);cursor:pointer;font-size:var(--vod-currency-font-size,16px);font-weight:var(--vod-currency-font-weight,700);line-height:1;position:relative}.vod-currency-tab input{position:absolute;opacity:0;pointer-events:none}.vod-currency-tab.is-active{background:var(--vod-option-active-bg);color:var(--vod-option-active-text);border-color:var(--vod-option-active-bg)}.vod-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vod-amount-gap,12px);margin:0 0 var(--vod-form-section-gap,14px)}.vod-amount,.vod-custom-toggle,.vod-frequency-option{min-height:var(--vod-amount-height,48px);border:1px solid var(--vod-border);background:var(--vod-option-bg);color:var(--vod-option-text);border-radius:var(--vod-amount-radius,16px);padding:var(--vod-amount-padding,12px 14px);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--vod-amount-font-size,18px);font-weight:var(--vod-amount-font-weight,700);line-height:var(--vod-amount-line-height,1.2);transition:background .18s ease,border-color .18s ease,transform .18s ease;position:relative}.vod-amount:hover,.vod-frequency-option:hover,.vod-currency-tab:hover{border-color:var(--vod-primary);transform:translateY(-1px)}.vod-amount input,.vod-frequency-option input{position:absolute;opacity:0;pointer-events:none}.vod-amount.is-active,.vod-frequency-option.is-active{background:var(--vod-option-active-bg);color:var(--vod-option-active-text);border-color:var(--vod-option-active-bg)}.vod-custom-toggle{border:0;background:var(--vod-custom-bg);color:var(--vod-custom-text);font:inherit}.vod-custom-toggle:hover{filter:brightness(.97);transform:translateY(-1px)}.vod-custom-amount{margin-top:-4px}.vod-frequency{display:flex;align-items:center;gap:10px;margin:6px 0 20px;flex-wrap:wrap}.vod-frequency-option{justify-content:flex-start;min-height:auto;border-radius:var(--vod-frequency-radius,999px);padding:var(--vod-frequency-padding,9px 14px);font-weight:600}.vod-personal-title{margin:20px 0 12px;font-size:var(--vod-title-font-size,18px);font-weight:var(--vod-title-font-weight,800);line-height:var(--vod-title-line-height,1.4);letter-spacing:.01em;color:var(--vod-text)}.vod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vod-field{display:block;margin:0 0 14px}.vod-field--full{grid-column:1/-1}.vod-field span{display:block;font-size:var(--vod-label-font-size,16px);font-weight:var(--vod-label-font-weight,600);line-height:var(--vod-label-line-height,1.3);margin-bottom:7px;color:var(--vod-text)}.vod-field input{width:100%;border:1px solid var(--vod-border);background:var(--vod-field-bg);border-radius:var(--vod-input-radius,15px);min-height:var(--vod-input-height,52px);padding:var(--vod-input-padding,13px 14px);color:var(--vod-input-text,var(--vod-text));font-size:var(--vod-input-font-size,16px);font-weight:var(--vod-input-font-weight,400);line-height:var(--vod-input-line-height,1.4);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.vod-field input:focus{border-color:var(--vod-primary);box-shadow:var(--vod-input-focus-shadow,0 0 0 4px color-mix(in srgb,var(--vod-primary) 20%,transparent))}.vod-checkbox{display:flex;align-items:center;gap:var(--vod-checkbox-gap,9px);margin:4px 0 16px;color:var(--vod-muted);font-weight:600}.vod-total{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin:10px 0 16px;color:var(--vod-text);flex-wrap:wrap}.vod-total span{font-weight:700}.vod-total strong{font-size:18px}.vod-total small{display:block;width:100%;text-align:right;color:var(--vod-muted);font-weight:600;margin-top:4px}.vod-submit,.vod-sidebar-cta{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--vod-button-radius,999px);background:var(--vod-primary);color:var(--vod-button-text);font-size:var(--vod-button-font-size,16px);font-weight:var(--vod-button-font-weight,800);line-height:var(--vod-button-line-height,1.2);padding:var(--vod-button-padding,15px 24px);text-decoration:none;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.vod-submit{width:100%;min-height:var(--vod-button-height,54px)}.vod-submit:hover,.vod-sidebar-cta:hover{background:var(--vod-primary-hover);transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.1);color:var(--vod-button-text)}.vod-submit:focus-visible,.vod-sidebar-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--vod-primary) 45%,transparent);outline-offset:3px}.vod-notice{border-radius:14px;padding:14px 16px;margin:0 0 16px}.vod-notice--success{background:#ecfdf3;color:#027a48}.vod-notice--failed{background:#fff1f3;color:#b42318}

.vod-campaign-sidebar{--vod-sidebar-accent:#fcc10f;--vod-sidebar-text:#252849;--vod-sidebar-muted:rgba(37,40,73,.7);--vod-sidebar-line:rgba(159,159,159,.15);--vod-sidebar-soft:rgba(252,193,15,.2);width:100%;max-width:450px;display:grid;gap:25px;color:var(--vod-sidebar-text);font-family:"Montserrat arm",Montserrat,Arial,sans-serif}.vod-campaign-card{background:#fff;border-radius:30px;box-sizing:border-box;width:100%;overflow:hidden}.vod-campaign-card--progress{min-height:284px;padding:25px}.vod-campaign-progress__heading{min-height:53px;display:flex;align-items:flex-start;font-weight:700;font-size:20px;line-height:28px;color:var(--vod-sidebar-text)}.vod-campaign-progress__divider{height:1px;background:var(--vod-sidebar-line);margin:0 0 30px}.vod-campaign-progress__body{display:flex;flex-direction:column;gap:8px}.vod-campaign-progress__bar{height:8px;background:var(--vod-sidebar-soft);border-radius:10px;overflow:hidden}.vod-campaign-progress__bar span{display:block;height:100%;background:var(--vod-sidebar-accent);border-radius:10px}.vod-campaign-progress__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.vod-campaign-progress__meta div{display:flex;flex-direction:column;gap:4px}.vod-campaign-progress__meta div:last-child{text-align:right;align-items:flex-end}.vod-campaign-progress__meta strong{font-weight:600;font-size:16px;line-height:22px;letter-spacing:1px;color:var(--vod-sidebar-text)}.vod-campaign-progress__meta span{font-weight:500;font-size:12px;line-height:16px;letter-spacing:1px;color:rgba(37,40,73,.5)}.vod-sidebar-cta{width:100%;height:52px;margin-top:51px;border-radius:35px;background:var(--vod-sidebar-accent);color:#fff;font-weight:700;font-size:16px;line-height:20px;letter-spacing:.01em;text-transform:capitalize;gap:10px;padding:16px 32px}.vod-sidebar-cta svg{width:17px;height:18px;fill:#fff;flex:0 0 auto}.vod-sidebar-cta:hover{background:#eab20d;color:#fff}

.vod-campaign-donations{min-height:280px;padding:25px}.vod-campaign-donations__tabs{height:80px;display:grid;grid-template-columns:1fr 1fr}.vod-campaign-donations__tabs button{appearance:none;border:0;border-bottom:1px solid var(--vod-sidebar-line);background:#fff;color:rgba(37,40,73,.7);font:500 10px/16px "Montserrat arm",Montserrat,Arial,sans-serif;letter-spacing:1px;text-align:center;display:flex;align-items:center;justify-content:center;padding:10px 10px;cursor:pointer}.vod-campaign-donations__tabs button:first-child{border-radius:20px 0 0 0}.vod-campaign-donations__tabs button:last-child{border-radius:0 20px 0 0}.vod-campaign-donations__tabs button.is-active{background:rgba(159,159,159,.15);color:var(--vod-sidebar-text);font-weight:500}.vod-campaign-donation-list{max-height:360px;overflow:auto}.vod-campaign-donation-row{min-height:50px;border-bottom:1px solid var(--vod-sidebar-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;box-sizing:border-box}.vod-campaign-donation-row__name{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--vod-sidebar-text);font-weight:500;font-size:12px;line-height:14px;letter-spacing:1px}.vod-campaign-donation-row__name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vod-donor-icon{width:24px;height:24px;fill:rgba(159,159,159,.5);flex:0 0 auto}.vod-campaign-donation-row strong{color:var(--vod-sidebar-accent);font-weight:600;font-size:14px;line-height:16px;letter-spacing:1px;text-align:right;white-space:nowrap}.vod-campaign-donation-row--empty{color:rgba(37,40,73,.55);justify-content:center;font-size:13px}

.vod-campaign-card--details{min-height:415px;padding:0 25px}.vod-campaign-card--details h3{margin:0;height:78px;border-bottom:1px solid var(--vod-sidebar-line);display:flex;align-items:center;color:var(--vod-sidebar-text);font-weight:700;font-size:20px;line-height:28px}.vod-campaign-details{margin:0;padding:0}.vod-campaign-details div{height:78px;border-bottom:1px solid var(--vod-sidebar-line);display:flex;flex-direction:column;justify-content:center;gap:8px;padding-left:15px;box-sizing:border-box}.vod-campaign-details dt{font-weight:400;font-size:16px;line-height:22px;letter-spacing:.01em;color:rgba(37,40,73,.75)}.vod-campaign-details dd{margin:0;font-weight:600;font-size:14px;line-height:16px;letter-spacing:1px;color:var(--vod-sidebar-accent)}

.vod-modal[hidden]{display:none}.vod-modal.is-open{display:block}.vod-modal__overlay{position:fixed;inset:0;background:rgba(18,18,18,.55);z-index:99998}.vod-modal__dialog{position:fixed;z-index:99999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:28px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.vod-modal__close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f2f2;color:#252849;font-size:24px;line-height:1;cursor:pointer;z-index:2}.vod-modal .vod-form{max-width:none;margin:0;padding-top:42px}.vod-modal-open{overflow:hidden}

@media(max-width:640px){.vod-form{padding:18px;border-radius:20px}.vod-form__amount-card{align-items:flex-start;flex-direction:column}.vod-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.vod-grid{grid-template-columns:1fr}.vod-total{justify-content:flex-start}.vod-total small{text-align:left}.vod-campaign-sidebar{max-width:none}.vod-campaign-card--progress,.vod-campaign-donations{padding:20px}.vod-campaign-card--details{padding:0 20px}.vod-sidebar-cta{margin-top:34px}.vod-campaign-donations__tabs button{padding-inline:12px}.vod-modal__dialog{border-radius:20px;padding:14px}}


/* v0.2.4 form and modal corrections */
.vod-form .vod-amounts[hidden],
.vod-form .vod-custom-amount[hidden],
.vod-campaign-donations [data-vod-campaign-panel][hidden]{display:none;}
.vod-form .vod-amount-groups{display:block;margin:0 0 14px;}
.vod-form .vod-amounts{display:grid;}
.vod-modal.is-open{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:99998;padding:32px 18px;overflow:auto;}
.vod-modal__overlay{position:absolute;inset:0;z-index:0;}
.vod-modal__dialog{position:relative;left:auto;top:auto;transform:none;width:min(760px,calc(100vw - 36px));max-height:calc(100vh - 64px);z-index:1;background:#f7f7f7;border-radius:32px;padding:56px 48px 42px;}
.vod-modal__close{right:18px;top:18px;width:46px;height:46px;background:#c72f68;color:#fff;font-size:34px;font-weight:300;display:flex;align-items:center;justify-content:center;}
.vod-modal .vod-form{background:transparent;box-shadow:none;border-radius:0;padding:0;max-width:none;}
.vod-modal .vod-form__amount-card{min-height:84px;border-radius:22px;margin-bottom:22px;padding:22px 28px;}
.vod-modal .vod-currency-tabs{margin-bottom:18px;}
.vod-modal .vod-amounts{gap:14px 18px;margin-bottom:18px;}
.vod-modal .vod-field input{min-height:56px;}
@media(max-width:640px){.vod-modal.is-open{align-items:flex-start;padding:18px 10px}.vod-modal__dialog{width:calc(100vw - 20px);max-height:none;padding:54px 18px 22px;border-radius:24px}.vod-modal__close{right:12px;top:12px;width:40px;height:40px}.vod-modal .vod-form__amount-card{min-height:64px;padding:16px 18px}.vod-modal .vod-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* VOD 0.4.0 design-variable overrides */
.vod-form{max-width:var(--vod-form-max-width,620px);padding:var(--vod-form-padding,28px);border-radius:var(--vod-form-radius,24px);box-shadow:var(--vod-form-shadow,0 10px 30px rgba(0,0,0,.04));font-family:var(--vod-font-family,"Montserrat arm",Montserrat,Arial,sans-serif);font-size:var(--vod-base-font-size,16px);font-weight:var(--vod-base-font-weight,400);line-height:var(--vod-base-line-height,1.5);gap:var(--vod-form-section-gap,16px)}.vod-form__amount-card{background:var(--vod-amount-card-bg,var(--vod-field-bg,#fff));border-radius:var(--vod-amount-card-radius,18px);padding:var(--vod-amount-card-padding,14px 18px);min-height:var(--vod-amount-card-min-height,54px)}.vod-currency-tab{border-radius:var(--vod-currency-radius,999px);padding:var(--vod-currency-padding,9px 14px);font-size:var(--vod-currency-font-size,16px);font-weight:var(--vod-currency-font-weight,700)}.vod-amount,.vod-custom-toggle,.vod-frequency-option{min-height:var(--vod-amount-height,48px);border-radius:var(--vod-amount-radius,16px);padding:var(--vod-amount-padding,12px 14px);font-size:var(--vod-amount-font-size,18px);font-weight:var(--vod-amount-font-weight,700);line-height:var(--vod-amount-line-height,1.2)}.vod-amounts{gap:var(--vod-amount-gap,12px)}.vod-frequency-option{border-radius:var(--vod-frequency-radius,999px);padding:var(--vod-frequency-padding,9px 14px);font-size:var(--vod-base-font-size,16px);font-weight:600}.vod-personal-title{font-size:var(--vod-title-font-size,18px);font-weight:var(--vod-title-font-weight,800);line-height:var(--vod-title-line-height,1.4)}.vod-field span{font-size:var(--vod-label-font-size,16px);font-weight:var(--vod-label-font-weight,600);line-height:var(--vod-label-line-height,1.3)}.vod-field input{min-height:var(--vod-input-height,52px);border-radius:var(--vod-input-radius,15px);padding:var(--vod-input-padding,13px 14px);font-size:var(--vod-input-font-size,16px);font-weight:var(--vod-input-font-weight,400);line-height:var(--vod-input-line-height,1.4);color:var(--vod-input-text,var(--vod-text))}.vod-field input::placeholder{color:var(--vod-input-placeholder,var(--vod-muted))}.vod-field input:focus{border-color:var(--vod-field-focus,var(--vod-primary));box-shadow:var(--vod-input-focus-shadow,0 0 0 4px rgba(255,196,0,.2))}.vod-checkbox{gap:var(--vod-checkbox-gap,9px)}.vod-submit,.vod-sidebar-cta{border-radius:var(--vod-button-radius,999px);min-height:var(--vod-button-height,54px);padding:var(--vod-button-padding,15px 24px);font-size:var(--vod-button-font-size,16px);font-weight:var(--vod-button-font-weight,800);line-height:var(--vod-button-line-height,1.2)}.vod-modal__overlay{background:var(--vod-popup-overlay,rgba(18,18,18,.55))}.vod-modal__dialog{width:min(var(--vod-popup-max-width,680px),calc(100vw - 32px));background:var(--vod-popup-bg,#fff);border-radius:var(--vod-popup-radius,28px);padding:var(--vod-popup-padding,22px)}.vod-modal__close{background:var(--vod-popup-close-bg,#f2f2f2);color:var(--vod-popup-close-text,#252849)}@media(max-width:640px){.vod-form{padding:var(--vod-form-padding-mobile,18px)}}