#hosted-fields-form{width:100%}@media(min-width:768px){#hosted-fields-form{max-width:28rem}}#hosted-fields-form .panel{display:flex;flex-direction:column;gap:var(--spacing-6)}#hosted-fields-form .panel__header{margin-bottom:var(--spacing-2)}#hosted-fields-form .panel__header h1{font-family:var(--typography-family-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-3xl);line-height:var(--font-line-height-leading-7);letter-spacing:var(--font-letter-spacing-tight);text-align:center}@media(min-width:768px){#hosted-fields-form .panel__header h1{font-size:var(--typography-base-sizes-4xl-font-size);line-height:var(--font-line-height-leading-8)}}#hosted-fields-form .panel__content{display:flex;flex-direction:column;gap:var(--spacing-4)}#hosted-fields-form .panel__footer{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-4)}#hosted-fields-form .textfield--float-label{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}#hosted-fields-form .hosted-field--label{display:flex;align-items:center;gap:var(--spacing-2);font:var(--input-label);font-size:15px;letter-spacing:var(--input-label-letter-spacing);text-decoration:var(--input-label-text-decoration);text-transform:var(--input-label-text-transform);color:var(--color-text-default-dark)}#hosted-fields-form .hosted-field--label .icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--color-looker-gray-400);vertical-align:middle}#hosted-fields-form .hosted-field--label .label-text{height:20px;line-height:23px;align-items:center;font-weight:600}#hosted-fields-form .hosted-field--label .icon svg{width:100%;height:100%;fill:currentColor}#hosted-fields-form .hosted-field{display:flex;align-items:center;width:100%;min-height:40px;padding:var(--spacing-3);border:1px solid var(--color-looker-gray-200);border-radius:var(--border-radius-minimal);background:var(--color-surface-primary-light);transition:border-color .2s ease;height:40px}#hosted-fields-form .hosted-field.braintree-hosted-fields-focused{border-color:var(--color-border-primary-dark)}#hosted-fields-form .hosted-field.braintree-hosted-fields-focused+.hosted-field--label .icon,#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-focused) .icon{color:var(--color-icons-primary-dark)}#hosted-fields-form .hosted-field.braintree-hosted-fields-valid{border-color:var(--color-interactions-success)}#hosted-fields-form .hosted-field.braintree-hosted-fields-invalid{border-color:var(--color-interactions-error)}#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-invalid) .hosted-field--label{color:var(--color-interactions-error)}#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-invalid) .icon{color:var(--color-interactions-error)}#hosted-fields-form .hosted-field iframe{width:100%;height:100%;border:none}#hosted-fields-form .pay-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:var(--spacing-3) var(--spacing-6);font:var(--button-md);letter-spacing:var(--button-md-letter-spacing);text-decoration:var(--button-md-text-decoration);text-transform:var(--button-md-text-transform);background-color:var(--components-button-color-primary-surface-hover);color:var(--components-button-color-primary-content-hover);border:none;border-radius:var(--border-radius-minimal);cursor:pointer;transition:background-color .2s ease,color .2s ease}#hosted-fields-form .pay-button:hover{background-color:var(--components-button-color-primary-surface-hover);color:var(--components-button-color-primary-content-hover)}#hosted-fields-form .pay-button:disabled{background-color:var(--color-tailwind-gray-500);color:var(--components-button-color-primary-content-disabled);cursor:not-allowed}#hosted-fields-form input[type=submit]{display:none}.error-message-container{margin-bottom:var(--spacing-2)}#checkout-message{padding:var(--spacing-3);font:var(--input-description);border-radius:var(--border-radius-minimal)}#checkout-message:empty{visibility:hidden}#checkout-message.error{background-color:var(--color-tailwind-red-50);color:var(--color-tailwind-red-700);border:1px solid var(--color-tailwind-red-200)}#checkout-message.success{background-color:var(--color-looker-green-50);color:var(--color-looker-green-700);border:1px solid var(--color-looker-green-200)}#hosted-fields-form .legal{font-size:12px;color:var(--color-text-muted-dark)}
