#hosted-fields-form{width:100%}@media (width>=768px){#hosted-fields-form{max-width:28rem}}#hosted-fields-form .panel{gap:var(--spacing-6);flex-direction:column;display:flex}#hosted-fields-form .panel__header{margin-bottom:var(--spacing-2)}#hosted-fields-form .panel__header h1{font:var(--article-header-title-sm);font-size:var(--typography-base-sizes-3xl-font-size);line-height:var(--typography-base-sizes-3xl-line-height);letter-spacing:var(--article-header-title-sm-letter-spacing);color:var(--color-text-heading-dark);text-align:center}@media (width>=768px){#hosted-fields-form .panel__header h1{font-size:var(--typography-base-sizes-4xl-font-size);line-height:var(--typography-base-sizes-4xl-line-height)}}#hosted-fields-form .panel__content{gap:var(--spacing-4);flex-direction:column;display:flex}#hosted-fields-form .panel__footer{gap:var(--spacing-4);margin-top:var(--spacing-4);flex-direction:column;display:flex}#hosted-fields-form .textfield--float-label{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}#hosted-fields-form .hosted-field--label{align-items:center;gap:var(--spacing-2);font:var(--input-label);letter-spacing:var(--input-label-letter-spacing);-webkit-text-decoration:var(--input-label-text-decoration);text-decoration:var(--input-label-text-decoration);text-transform:var(--input-label-text-transform);color:var(--components-input-color-label);display:flex}#hosted-fields-form .hosted-field--label .icon{width:var(--width-w-4);height:var(--width-w-4);color:var(--components-input-color-border-default);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}#hosted-fields-form .hosted-field--label .icon svg{fill:currentColor;width:100%;height:100%}#hosted-fields-form .hosted-field{width:100%;height:40px;padding:var(--spacing-3);border:var(--border-width-border-1) solid var(--components-input-color-border-default);border-radius:var(--components-input-radius);background:var(--color-surface-primary-light);align-items:center;transition:border-color .2s;display:flex}#hosted-fields-form .hosted-field.braintree-hosted-fields-focused{border-color:var(--components-input-color-border-focus)}#hosted-fields-form .hosted-field.braintree-hosted-fields-valid{border-color:var(--components-input-color-border-filled)}#hosted-fields-form .hosted-field.braintree-hosted-fields-invalid{border-color:var(--components-input-color-error)}#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-focused) .icon,#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-valid) .icon{color:var(--color-icons-primary-dark)}#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-invalid) .hosted-field--label,#hosted-fields-form .textfield--float-label:has(.braintree-hosted-fields-invalid) .icon{color:var(--components-input-color-error)}#hosted-fields-form .hosted-field iframe{border:none;width:100%;height:100%}#hosted-fields-form .pay-button{width:100%;min-height:44px;padding:var(--components-button-spacing-md-padding-vertical) var(--components-button-spacing-md-padding-horizontal);font:var(--button-md);letter-spacing:var(--button-md-letter-spacing);-webkit-text-decoration:var(--button-md-text-decoration);text-decoration:var(--button-md-text-decoration);text-transform:var(--button-md-text-transform);background-color:var(--components-button-color-primary-surface-default);color:var(--components-button-color-primary-content-default);border-radius:var(--components-button-radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:inline-flex}#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(--components-button-color-primary-surface-disabled);color:var(--components-button-color-primary-content-disabled);cursor:not-allowed}.obsessed #hosted-fields-form .pay-button{background-color:var(--color-obsessed-core-purple)}.obsessed #hosted-fields-form .pay-button:hover{background-color:var(--color-obsessed-core-pink)}#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);letter-spacing:var(--input-description-letter-spacing);border-radius:var(--components-input-radius)}#checkout-message:empty{visibility:hidden}#checkout-message.error{background-color:var(--color-tailwind-red-50);color:var(--color-interactions-error);border:var(--border-width-border-1) solid var(--color-tailwind-red-200)}#checkout-message.success{background-color:var(--color-tailwind-green-50);color:var(--color-interactions-success);border:var(--border-width-border-1) solid var(--color-tailwind-green-200)}#hosted-fields-form .legal{font:var(--input-description);letter-spacing:var(--input-description-letter-spacing);color:var(--components-input-color-description);text-align:center}