.b2b-login--v2{background:var(--b2b-canvas);width:100%}.b2b-login--v2 .b2b-login-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:560px;background:var(--b2b-surface)}.b2b-login--v2 .b2b-login-shell__image{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--suay-color-charcoal);min-height:280px}.b2b-login--v2 .b2b-login-shell__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#222121b3);pointer-events:none}.b2b-login--v2 .b2b-login-shell__image-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:36px 40px;color:var(--suay-color-white)}.b2b-login--v2 .b2b-login-shell__logo{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-weight:500;font-size:20px;letter-spacing:-.01em}.b2b-login--v2 .b2b-login-shell__tagline{max-width:360px}.b2b-login--v2 .b2b-login-shell__tagline-eyebrow{font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suay-color-gold);margin:0 0 12px}.b2b-login--v2 .b2b-login-shell__tagline-title{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-size:24px;font-weight:500;line-height:1.2;margin:0;color:var(--suay-color-white)}.b2b-login--v2 .b2b-login-shell__tagline-sub{font-size:14px;color:#ffffffbf;margin-top:12px;line-height:1.5}.b2b-login--v2 .b2b-login-shell__form{padding:56px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--b2b-surface)}.b2b-login--v2 .b2b-login-shell__title{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-size:24px;font-weight:500;margin:0;color:var(--b2b-color-text-dark)}.b2b-login--v2 .b2b-login-shell__intro{font-size:14px;color:var(--b2b-color-text);line-height:1.5;margin:0;max-width:380px}.b2b-login--v2 .b2b-form-item{display:flex;flex-direction:column;gap:6px}.b2b-login--v2 .b2b-form-label{font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--b2b-color-text-dark);margin:0}.b2b-login--v2 .b2b-input{height:44px;padding:0 14px;border:1px solid var(--b2b-border-strong);border-radius:var(--b2b-radius);font-family:var(--suay-font-body, "Haffer", sans-serif);font-size:14px;background:var(--b2b-surface);color:var(--b2b-color-text-dark);width:100%}.b2b-login--v2 .b2b-input:focus{outline:none;border-color:var(--b2b-color-text-dark);box-shadow:0 0 0 3px #22212114}.b2b-login--v2 .b2b-input:user-invalid{border-color:var(--b2b-status-issue)}.b2b-login--v2 .b2b-input:user-invalid:focus{box-shadow:0 0 0 3px #e56c7326}.b2b-login--v2 textarea.b2b-input{height:auto;padding:10px 14px;resize:vertical;min-height:80px}.b2b-login--v2 .b2b-form-help{text-align:right;font-size:12px}.b2b-login--v2 .b2b-link-text{color:var(--b2b-color-text-dark);text-decoration:underline;font-weight:500}.b2b-login--v2 .b2b-link-text:hover{text-decoration:none}.b2b-login--v2 .btn,.b2b-login--v2 .btn-primary,.b2b-login--v2 .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--suay-color-charcoal);border-radius:var(--b2b-radius);cursor:pointer;transition:background .2s ease,color .2s ease;line-height:1}.b2b-login--v2 .btn-primary{background:var(--suay-color-charcoal);color:var(--suay-color-white)}.b2b-login--v2 .btn-primary:hover,.b2b-login--v2 .btn-primary:focus-visible{background:var(--suay-color-black, #000);color:var(--suay-color-white);outline:none}.b2b-login--v2 .btn-secondary{background:var(--b2b-surface);color:var(--suay-color-charcoal)}.b2b-login--v2 .btn-secondary:hover,.b2b-login--v2 .btn-secondary:focus-visible{background:var(--b2b-color-primary-subtle);outline:none}.b2b-login--v2 .b2b-btn-full{width:100%}.b2b-login--v2 .b2b-login-shell__form .btn{margin-top:4px}.b2b-login--v2 .b2b-form-message{font-size:13px;line-height:1.5;padding:12px 14px;border-radius:var(--b2b-radius);border:1px solid}.b2b-login--v2 .b2b-form-success{border-color:var(--b2b-status-success);background:var(--b2b-badge-success-bg);color:var(--b2b-status-success)}.b2b-login--v2 .b2b-form-error{border-color:var(--b2b-status-issue);background:var(--b2b-badge-issue-bg);color:var(--b2b-status-issue)}.b2b-login--v2 .b2b-login-shell__help{font-size:13px;color:var(--b2b-color-text);line-height:1.5;margin:8px 0 0}.b2b-login--v2 #ContactForm.contact-form{background:transparent!important;padding:0;margin:0}.b2b-login--v2 .b2b-form form{margin:0!important}.b2b-login--v2 .b2b-apply-account{max-width:720px;margin:0 auto;padding:64px 40px}.b2b-login--v2 .b2b-apply-account__title{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-size:22px;font-weight:500;margin:0 0 8px;color:var(--b2b-color-text-dark)}.b2b-login--v2 .b2b-apply-account__intro{font-size:14px;line-height:1.6;color:var(--b2b-color-text);margin:0 0 20px;max-width:540px}.b2b-login--v2 .b2b-apply-account__intro p{margin:0 0 .75em}.b2b-login--v2 .b2b-registration-form,.b2b-login--v2 .b2b-application-form-wrapper{background:var(--b2b-surface);border:1px solid var(--b2b-color-border);border-radius:var(--b2b-radius);padding:28px;margin-top:16px}.b2b-login--v2 .b2b-contact-fields{display:flex;flex-direction:column;gap:14px}.b2b-login--v2 .b2b-contact-fields .b2b-form-item{margin:0}.b2b-login--v2 .b2b-faqs{max-width:720px;margin:0 auto;padding:0 40px 80px}.b2b-login--v2 .b2b-faqs__title{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-size:22px;font-weight:500;margin:0 0 16px;color:var(--b2b-color-text-dark)}.b2b-login--v2 .b2b-faq-item{border-bottom:1px solid var(--b2b-color-border)}.b2b-login--v2 .b2b-faq-item:first-child{border-top:1px solid var(--b2b-color-border)}.b2b-login--v2 .b2b-faq-question{display:flex;width:100%;padding:16px 0;background:transparent;cursor:pointer;font-size:14px;font-family:var(--suay-font-body, "Haffer", sans-serif);font-weight:500;color:var(--b2b-color-text-dark);border:none;text-align:left;justify-content:space-between;align-items:center;gap:12px}.b2b-login--v2 .b2b-faq-question svg{width:12px;height:8px;color:var(--b2b-color-text);transition:transform .2s ease;flex-shrink:0}.b2b-login--v2 .b2b-faq-question[aria-expanded=true] svg{transform:rotate(180deg);color:var(--b2b-color-text-dark)}.b2b-login--v2 .b2b-faq-answer{overflow:hidden;visibility:hidden;transition:max-height .3s ease-in;max-height:0;font-size:14px;line-height:1.6;color:var(--b2b-color-text)}.b2b-login--v2 .b2b-faq-item.active .b2b-faq-answer{visibility:visible;padding:0 0 16px}.b2b-login--v2 .b2b-faq-answer p{margin:0 0 .75em}.b2b-login--v2 .b2b-faq-answer p:last-child{margin:0}.b2b-login--v2 .b2b-faq-answer ul{margin:0 0 .75em 1.25em}.b2b-login--v2 .b2b-faq-answer a{color:var(--b2b-color-text-dark);text-decoration:underline}.b2b-login--v2 .b2b-learn-more{text-align:center;padding:0 40px 40px;font-size:14px}@media(max-width:900px){.b2b-login--v2 .b2b-login-shell{grid-template-columns:1fr;min-height:0}.b2b-login--v2 .b2b-login-shell__image{min-height:240px}.b2b-login--v2 .b2b-login-shell__form{padding:36px 28px}.b2b-login--v2 .b2b-apply-account,.b2b-login--v2 .b2b-faqs{padding-left:24px;padding-right:24px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/suay-b2b-login.css.map */
