button.show-signup-form{margin-right:0}.signup-category-modal{display:none;inset:none}#signup-category-modal.modal.show{display:flex !important;inset:0}.signup-modal{display:flex;inset:0}.signup-modal,.signup-category-modal{position:fixed;align-items:center;justify-content:center;z-index:10000;padding-right:unset !important}.signup-modal .modal-overlay,.signup-category-modal .modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5)}.signup-modal .modal-content,.signup-category-modal .modal-content{position:relative;background:#fff;padding:2rem;border-radius:8px;width:100%;max-width:500px;max-height:calc(100vh - 4rem);overflow-y:auto;z-index:1;overscroll-behavior:contain;scrollbar-gutter:stable}.signup-category-modal .modal-content{max-width:650px;height:calc(100vh - 6rem)}.signup-category-modal .modal-content .control-label{font-weight:500 !important}.signup-modal .modal-close{position:absolute;top:.5rem;right:.5rem;background:0;border:0;font-size:1.5rem;cursor:pointer}.modal-footer{position:sticky;bottom:-30px;background:#fff;padding-top:1rem}.signup-category-modal .category-onboarding .category-modal-heading{margin:0 0 1rem 0}.email-signup-form .form-group,.signup-category-modal .category-onboarding .form-group{position:relative;margin-bottom:15px}.email-signup-form .form-group,.email-signup-form .form-control,.signup-category-modal .category-onboarding .form-control{font-size:15px}.email-signup-form input[type="text"],.email-signup-form input[type="email"],.signup-category-modal .category-onboarding input[type="text"],.signup-category-modal .category-onboarding input[type="tel"],.signup-category-modal .category-onboarding select{width:100%;padding-left:40px;height:40px;border:1px solid #ccc;border-radius:8px}.email-signup-form .input-icon i,.signup-category-modal .category-onboarding .input-icon i{position:absolute;left:12px;color:#00a9ea;font-size:18px;pointer-events:none;top:11px;transform:none}.email-signup-form .checkbox-group{display:flex;justify-content:space-around;gap:10px}.email-signup-form .checkbox-item-box{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;border:1px solid #ccc;border-radius:8px;background-color:#fff;flex:1 1 0;min-width:0}.buyer-supplier-checkbox .checkbox-errors,.email-signup-form .text-danger,.email-signup-form .has-error .help-block{margin-top:6px;color:#dc3545}.buyer-supplier-checkbox .checkbox-errors{display:none}.email-signup-form .checkbox-item-box:hover .email-signup-form .checkbox-item-box:has(.checkbox-input:checked){border-color:#00a9ea;background-color:#00a9ea;color:#fff}.email-signup-form .checkbox-input{width:18px;height:18px;cursor:pointer;flex-shrink:0}.buyer-supplier-checkbox .checkbox{margin-top:8px;margin-bottom:8px}.email-signup-form .help-block,.help-block{color:#dc3545;margin-top:10px;margin-bottom:10px}.iti--separate-dial-code input[type="tel"]{padding-right:10px !important}.email-signup-form .btn-submit{background-color:#00a9ea;color:#fff;border:0;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:400;font-size:15px}.email-signup-form .btn-submit:hover,.email-signup-form .btn-submit:focus{background-color:#00a9ea;outline:0}.community-signup-wrapper{text-align:center;max-width:500px;margin:0 auto}.signup-main-heading{font-size:24px;font-weight:400;color:#333;margin-bottom:20px}.accordion-box{display:flex;flex-direction:column;gap:10px}.accordion-item{overflow:hidden;transition:all .3s ease}.accordion-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.accordion-header h3{margin:0;font-size:16px;color:#333;font-weight:400}.accordion-item .accordion-header h3{color:#00a9ea}.accordion-item .toggle-icon{transform:rotate(180deg)}.toggle-icon{color:#00a9ea;transition:transform .3s ease}.accordion-content{display:none;text-align:left}.accordion-item .accordion-content{display:block}.login-link{color:#00a9ea;text-decoration:none;font-weight:400;display:block}.login-link:hover{text-decoration:none}.login-link h3{font-size:16px;margin-top:0}.auth-container{max-width:380px;margin:0 auto;text-align:center;font-family:"Segoe UI",sans-serif}.auth-title{margin-bottom:20px;font-weight:500;font-size:22px}.social-buttons,.email-option{display:flex;flex-direction:column;gap:10px}.btn.social-btn,.email-btn{display:flex;align-items:center;justify-content:center;border-radius:6px;padding:10px 6px;font-weight:400;text-decoration:none;transition:.3s;background:#fff;border:1px solid #dadce0;color:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);cursor:pointer;font-size:15px}.btn.social-btn{flex:1}.btn.social-btn:hover,.email-btn:hover{box-shadow:0 1px 3px 2px rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.btn.social-btn:active,.email-btn:active{background-color:#eee}.social-signup-modal .fas,.icon{margin-right:6px;color:#00a9ea}.icon{width:18px}.meta-icon{width:21px}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#aaa;font-size:13px}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid #ddd}.divider:not(:empty)::before{margin-right:.75em}.divider:not(:empty)::after{margin-left:.75em}.signup-modal.fade-out{opacity:0;transform:scale(0.98);transition:opacity .25s ease,transform .25s ease}.category-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;border:1px solid #d0d7de;background:#fff;cursor:pointer;margin:6px;font-size:13px;transition:all .2s ease}.category-chip:hover{background:#f1f3f5}.category-chip.selected{background:#00a9ea;color:#fff;border-color:#00a9ea}.selected-chips-container{display:flex;flex-wrap:wrap;justify-content:center}.selected-chips-container:not(:empty){border-bottom:1px dashed #d1d5db;margin:12px 0;padding-bottom:10px}.selected-chip{position:relative;background:#00a9ea;color:#fff;padding:6px 16px 6px 12px;border-radius:20px;margin:6px;font-size:13px}.selected-chip .remove{position:absolute;top:-4px;right:-4px;background:#fff;color:#00a9ea;width:18px;height:18px;border-radius:50%;font-size:12px;text-align:center;border:1px solid #00a9ea;cursor:pointer}.form-control.category-search{padding-left:40px;padding-right:40px}.search-suggestions li:hover{background-color:#f2f2f2}.search-suggestions li:last-child{border-bottom:0}.user-type-options{display:flex;gap:20px}.user-type-options label{margin:0;font-weight:normal}.full-width-phone-wrapper .iti{width:100%}@media only screen and (max-width:767px){.m-full-width-phone-wrapper .phone-label{display:block}.m-full-width-phone-wrapper .iti{width:100%}.signup-modal .modal-content,.signup-category-modal .modal-content{padding:1.25rem;margin:1rem}.social-buttons{display:flex !important;flex-direction:row !important;justify-content:center;gap:10px}.social-buttons .social-btn .social-btn-text{display:none}.signup-category-modal .category-onboarding .company-name-phone-wrapper .row>div,.signup-category-modal .category-onboarding .state-country-wrapper .row>div{width:100% !important;float:none !important;margin-bottom:0}.signup-category-modal .category-onboarding .company-name-phone-wrapper .row>div:last-child,.signup-category-modal .category-onboarding .state-country-wrapper .row>div:last-child{margin-bottom:0}.signup-category-modal .category-onboarding .phone-wrapper:last-child,.signup-category-modal .category-onboarding .company-name-wrapper:last-child,.signup-category-modal .category-onboarding .state-wrapper:last-child,.signup-category-modal .category-onboarding .country-wrapper:last-child{margin-bottom:0}.social-buttons .social-btn{width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:50px;flex:none}.social-buttons .social-btn .icon{margin-right:0;width:26px;height:26px}.social-buttons .meta-icon{width:26px;height:26px}}@media(max-width:550px){.email-signup-form .form-group,.email-signup-form .form-control,.checkbox-item-box,.signup-category-modal .category-onboarding .form-control{font-size:15px}}@media(max-width:450px){.email-signup-form .form-group,.email-signup-form .form-control,.checkbox-item-box,.signup-category-modal .category-onboarding .form-control{font-size:14px;gap:8px}.checkbox-item-box span{margin-top:3px;margin-bottom:3px}}@media(max-width:365px){.checkbox-item-box .checkbox,.checkbox-item-box span{margin-top:6px;margin-bottom:6px}}
