.signup-popup{display:flex;flex-direction:column;background:#fff}.signup-popup.mobile-layout .banner-section{width:100%;position:relative;overflow:hidden}.signup-popup.mobile-layout .banner-section .banner-image{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.signup-popup.mobile-layout .banner-section .close-btn{position:absolute;top:12px;right:12px;background:#ffffffe6;color:#1b2f42;z-index:10;width:32px;height:32px}.signup-popup.mobile-layout .content-section{flex:1;display:flex;flex-direction:column;padding:32px;overflow-y:auto;background:#fff}.signup-popup.mobile-layout .content-section .pre-submission{display:flex;flex-direction:column;flex:1;margin-top:28px}.signup-popup.mobile-layout .content-section .pre-submission .heading{color:#1b2f42;text-align:center;font-family:LinetoBook,sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:36px;letter-spacing:-.25px;margin:0 0 16px}.signup-popup.mobile-layout .content-section .pre-submission .subheading{color:#475569;text-align:center;font-family:LinetoBook,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.1px;margin:0 0 48px}.signup-popup.mobile-layout .content-section .pre-submission .sms-tnc-text{color:#717b86;text-align:left;font-size:10px;line-height:15px;margin-bottom:24px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section{margin-bottom:16px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input{width:100%;margin-bottom:0;padding-bottom:0}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__append){display:none}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field--outlined .q-field__control:before){border:1px solid var(--color-border-divider-primary-gray-200, #E2E8F0)}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__native)::-moz-placeholder{color:var(--color-text-secondary-gray-600, #475569);font-family:LinetoBook,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__native)::placeholder{color:var(--color-text-secondary-gray-600, #475569);font-family:LinetoBook,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__bottom){padding:3px 1px;font-size:10px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__control){height:48px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__native){font-size:16px;padding-left:12px}.signup-popup.mobile-layout .content-section .pre-submission .email-input-section .cta-button{display:flex;align-items:center;justify-content:center;height:48px;padding:14px 30px;font-family:LinetoMedium,sans-serif;font-weight:500;text-transform:none;border-radius:100px;background:#4169e1;width:100%;font-size:16px}.signup-popup.mobile-layout .content-section .pre-submission .legal-footer{text-align:center;font-family:LinetoBook,sans-serif;font-style:normal;font-weight:400;line-height:20px;margin:0;color:#717b86;font-size:12px}.signup-popup.mobile-layout .content-section .post-submission{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:200px}.signup-popup.mobile-layout .content-section .post-submission .post-submission-text{font-size:18px;line-height:28px;color:#1b2f42;text-align:center;padding:24px;margin-bottom:16px}.signup-popup.mobile-layout .content-section .post-submission .cta-button{display:flex;align-items:center;justify-content:center;height:48px;padding:14px 30px;font-family:LinetoMedium,sans-serif;font-weight:500;text-transform:none;border-radius:100px;background:#4169e1;width:100%;font-size:16px;margin-bottom:16px}.signup-popup.mobile-layout .content-section .post-submission .legal-footer{text-align:center;font-family:LinetoBook,sans-serif;font-style:normal;font-weight:400;line-height:20px;margin:0;color:#717b86;font-size:12px}.signup-popup.desktop-layout .main-content{display:flex;flex:1;min-height:0}.signup-popup.desktop-layout .banner-section{position:relative}.signup-popup.desktop-layout .banner-section .banner-image{height:100%;width:auto}.signup-popup.desktop-layout .banner-section .close-btn{position:fixed;top:24px;right:24px;color:#1b2f42;z-index:10;width:48px;height:48px;border-radius:50px;border:1px solid var(--color-border-divider-primary-gray-200, #E2E8F0);background:#fff}.signup-popup.desktop-layout .content-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 60px;background:#fff;text-align:center}.signup-popup.desktop-layout .content-section .pre-submission{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px}.signup-popup.desktop-layout .content-section .pre-submission .heading{color:#1b2f42;text-align:center;font-family:LinetoMedium,sans-serif;font-size:44px;font-style:normal;font-weight:500;line-height:52px;letter-spacing:-1px;margin:0 0 16px}.signup-popup.desktop-layout .content-section .pre-submission .subheading{color:#475569;text-align:center;font-family:LinetoBook,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:-.25px;margin:0 0 48px}.signup-popup.desktop-layout .content-section .pre-submission .sms-tnc-text{color:#717b86;text-align:left;font-size:12px;line-height:15px;max-width:353px;margin-bottom:24px}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input{width:100%;margin-bottom:0;padding-bottom:0}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__append){display:none}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field--outlined .q-field__control:before){border:1px solid var(--color-border-divider-primary-gray-200, #E2E8F0)}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__native)::-moz-placeholder{color:var(--color-text-secondary-gray-600, #475569);font-family:LinetoBook,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__native)::placeholder{color:var(--color-text-secondary-gray-600, #475569);font-family:LinetoBook,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__bottom){padding:3px 1px;font-size:10px}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input{max-width:353px}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__control){height:52px;display:flex;align-items:center;justify-content:center}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__native){font-size:16px;padding-left:0}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .email-input :deep(.q-field__prepend){display:flex;align-items:center;justify-content:center}.signup-popup.desktop-layout .content-section .pre-submission .email-input-section .cta-button{display:flex;align-items:center;justify-content:center;height:48px;padding:14px 30px;font-family:LinetoMedium,sans-serif;font-weight:500;text-transform:none;border-radius:100px;background:#4169e1;width:100%;max-width:353px;font-size:18px}.signup-popup.desktop-layout .content-section .pre-submission .legal-footer{text-align:center;font-family:LinetoBook,sans-serif;font-style:normal;font-weight:400;line-height:20px;margin:0;color:#789;font-size:14px}.signup-popup.desktop-layout .content-section .post-submission{display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-popup.desktop-layout .content-section .post-submission .post-submission-text{font-size:18px;line-height:28px;color:#1b2f42;text-align:center;padding:24px;margin-bottom:16px}.signup-popup.desktop-layout .content-section .post-submission .cta-button{display:flex;align-items:center;justify-content:center;height:48px;font-family:LinetoMedium,sans-serif;font-weight:500;text-transform:none;border-radius:100px;background:#4169e1;width:auto;min-width:200px;padding:14px 48px;font-size:18px;margin-top:24px}.signup-popup.desktop-layout .content-section .post-submission .legal-footer{text-align:center;font-family:LinetoBook,sans-serif;font-style:normal;font-weight:400;line-height:20px;margin:16px 0 0;color:#789;font-size:14px}:deep(.body--dark) .signup-popup,.body--dark .signup-popup{background:#1c1c1e}:deep(.body--dark) .signup-popup .content-section,.body--dark .signup-popup .content-section{background:#1c1c1e}:deep(.body--dark) .signup-popup .heading,.body--dark .signup-popup .heading{color:#fff!important}:deep(.body--dark) .signup-popup .subheading,.body--dark .signup-popup .subheading{color:#fff!important}:deep(.body--dark) .signup-popup .post-submission-text,.body--dark .signup-popup .post-submission-text{color:#fff!important}:deep(.body--dark) .signup-popup .legal-footer,.body--dark .signup-popup .legal-footer{color:#ffffffb3!important}:deep(.body--dark) .signup-popup .sms-tnc-text,.body--dark .signup-popup .sms-tnc-text{color:#ffffffb3!important}:deep(.body--dark) .signup-popup .close-btn,.body--dark .signup-popup .close-btn{background:#3a3a3ce6!important;color:#fff!important;border-color:#3a3a3c!important}:deep(.body--dark) .signup-popup .email-input :deep(.q-field__control),.body--dark .signup-popup .email-input :deep(.q-field__control){background:#3a3a3c80}:deep(.body--dark) .signup-popup .email-input :deep(.q-field--outlined .q-field__control:before),.body--dark .signup-popup .email-input :deep(.q-field--outlined .q-field__control:before){border-color:#3a3a3c!important}:deep(.body--dark) .signup-popup .email-input :deep(.q-field__native),.body--dark .signup-popup .email-input :deep(.q-field__native){color:#fff!important}:deep(.body--dark) .signup-popup .email-input :deep(.q-field__native)::-moz-placeholder,.body--dark .signup-popup .email-input :deep(.q-field__native)::-moz-placeholder{color:#fff9!important}:deep(.body--dark) .signup-popup .email-input :deep(.q-field__native)::placeholder,.body--dark .signup-popup .email-input :deep(.q-field__native)::placeholder{color:#fff9!important}:deep(.body--dark) .signup-popup .email-input :deep(.q-field__bottom),.body--dark .signup-popup .email-input :deep(.q-field__bottom){color:#fffc}:deep(.body--dark) .signup-popup .email-input :deep(.q-field__prepend svg path),.body--dark .signup-popup .email-input :deep(.q-field__prepend svg path){fill:#fff!important}