.component-container{display:flex;flex-direction:column;gap:24px;background:var(--color-neutral-800);padding:24px 16px;border-radius:4px;color:var(--color-tertiary);box-sizing:border-box;scroll-margin-top:100px}.component-container.no-content-padding{padding:0}.component-container.no-content-padding .component-container-header{padding:24px 16px 0}.component-container:has(.generic-accordion):not(.ignore-accordion){padding:0}.component-container .generic-accordion .generic-header{padding:24px 16px;gap:0}.component-container .generic-accordion__title{overflow:visible;text-overflow:unset;white-space:unset}.component-container.error,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]){outline:2px solid var(--color-system-error)}.component-container.error .generic-header,.component-container.error .generic-header p,.component-container.error .component-container-header__subtitle,.component-container.error .component-container-header__subtitle p,.component-container.error .component-container-header__rich-text,.component-container.error .component-container-header__rich-text p,.component-container.error .component-container-header__title,.component-container.error .component-container-header__title p,.component-container.error .sign-up-header--text *,.component-container.error .sign-up-header--text * p,.component-container.error .v-member-ticket-redemption-card-picker__message,.component-container.error .v-member-ticket-redemption-card-picker__message p,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .generic-header,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .generic-header p,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .component-container-header__subtitle,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .component-container-header__subtitle p,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .component-container-header__rich-text,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .component-container-header__rich-text p,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .component-container-header__title,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .component-container-header__title p,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .sign-up-header--text *,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .sign-up-header--text * p,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .v-member-ticket-redemption-card-picker__message,.component-container.enable-form-error-state:not(.suspend-error-highlight):has([class*=--style-error]) .v-member-ticket-redemption-card-picker__message p{color:var(--color-system-error)}@media screen and (min-width:768px){.component-container:not(.full-width){width:100%;max-width:544px}}.component-container .v-customer-details-form-field--email:only-child{margin-bottom:0}.component-container .v-customer-details-form-field--email:only-child .v-input-wrapper{display:flex;flex-direction:column;gap:4px}.component-container-header{display:flex;flex-direction:column;gap:16px}.component-container-header__subtitle,.component-container-header__subtitle p,.component-container-header__rich-text,.component-container-header__rich-text p{font-family:var(--font-main);font-size:var(--type-body-xsmall-size, 12px);font-weight:var(--type-body-xsmall-weight, 400);letter-spacing:var(--type-body-xsmall-letter-spacing, 0px);line-height:var(--type-body-xsmall-line-height, 120%);color:var(--color-neutral-300)}