/* Tally form hosts in widgets: the same layout rules as the Jotform hosts (assets/css/jotform-forms.css). Form fields are styled inside the Tally document (tally-shared.css). */
.insider-tally {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* A centered flex child otherwise uses the iframe's 300px intrinsic width. */
.insiderone-generic-event-hero-banner-form:has(.insider-tally) {
    width: 100%;
    min-width: 0;
}

.insiderone-generic-event-hero-banner-form-inner:has(.insider-tally) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* Partner hero uses the same centered flex layout with a different widget class. */
.insiderone-hero-banner-form:has(.insider-tally),
.insiderone-hero-banner-form-inner:has(.insider-tally) {
    width: 100%;
    min-width: 0;
}

/* UPLIFT registration modal centers its form wrapper in a flex column. */
.insider-one-refined-hero-hubspot:has(.insider-tally) {
    width: 100%;
    min-width: 0;
    flex-shrink: 0;
}

/* The GMC widget's centered flex card must not shrink to the iframe's 300px intrinsic width. */
.insiderone-gmc-form-inner:has(.insider-tally) {
    width: 100%;
    max-width: 460px;
    min-width: 0;
}
.insiderone-gmc-form-wrapper:has(.insider-tally) {
    width: 100%;
    box-sizing: border-box;
}

/* UPLIFT registration modal: validation errors make the form taller than the 90vh dialog.
   Keep the dialog scrollable but replace the browser's white scrollbar with a subtle one. */
.insider-one-refined-hero-modal-dialog:has(.insider-tally) {
    scrollbar-width: thin;
    scrollbar-color: rgba(239, 235, 228, 0.28) transparent;
}
.insider-one-refined-hero-modal-dialog:has(.insider-tally)::-webkit-scrollbar {
    width: 6px;
}
.insider-one-refined-hero-modal-dialog:has(.insider-tally)::-webkit-scrollbar-track {
    background: transparent;
    margin: 16px 0;
}
.insider-one-refined-hero-modal-dialog:has(.insider-tally)::-webkit-scrollbar-thumb {
    background: rgba(239, 235, 228, 0.28);
    border-radius: 999px;
}