.payment-container:before{width:50%!important;height:100%!important;position:fixed!important;top:0;right:0;background:var(--color-base-100)}.button[data-v-67bd6124]{transition:box-shadow ease .3s}.button.disabled[data-v-67bd6124]{filter:contrast(50%)}.button[data-v-67bd6124]:hover:not(.disabled),.button[data-v-67bd6124]:focus:not(.disabled),.button[data-v-67bd6124]:active:not(.disabled),.button:not(.disabled) button[data-v-67bd6124]:focus{border-color:var(--input-active-border);box-shadow:var(--input-active-shadow);filter:brightness(95%)}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.payment-container{font-size:var(--font-size)}.methods{border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.payment-field{--input-color: var(--color-accent);height:3em;width:100%;overflow:hidden;background:var(--input-background);border:1px solid var(--border-color);box-shadow:var(--box-shadow);transition:border ease .2s,box-shadow ease .2s}.payment-field:not(.join-item){border-radius:var(--border-radius)}.payment-field.active,.payment-field:active{border-color:var(--input-active-border);box-shadow:var(--input-active-shadow)}.payment-field.error{--border-color: var(--color-error);--input-active-border: var(--color-error);--input-active-shadow-color: color-mix(in srgb, var(--color-error) 40%, transparent);--input-active-shadow: 0 0 0 3px var(--input-active-shadow-color);box-shadow:var(--input-active-shadow)}.payment-field~.validator-hint{display:none}.payment-field.error~.validator-hint{visibility:visible;color:var(--color-error);display:block}.input-wrapper{max-height:3em}