.vp-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#1212128c;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px;-webkit-font-smoothing:antialiased}.vp-form-overlay.is-open{display:flex}.vp-form{width:100%;max-width:640px;background:#fff;border-radius:0;box-shadow:0 24px 60px #1212122e;margin:32px 0;overflow:hidden;position:relative;display:flex;flex-direction:column}.vp-form__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--vp-line);background:var(--vp-cream)}.vp-form__title{font-family:var(--font-display);font-size:20px;color:var(--vp-muted);line-height:1}.vp-form__close{background:none;border:0;cursor:pointer;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--vp-muted);transition:background .14s ease}.vp-form__close:hover{background:#0000000f;color:var(--vp-ink)}.vp-form__close:focus-visible{outline:2px solid var(--vp-ink);outline-offset:2px}.vp-form__progress{display:flex;gap:6px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--vp-line)}.vp-form__progress-step{flex:1;height:4px;background:var(--vp-line);border-radius:999px;transition:background .22s ease}.vp-form__progress-step.is-done{background:var(--vp-trade-green)}.vp-form__progress-step.is-current{background:var(--vp-orange)}.vp-form__body{padding:28px 24px 8px;flex:1;min-height:280px}.vp-form__step{display:none}.vp-form__step.is-active{display:block;animation:vp-fade-up .24s ease-out both}@keyframes vp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vp-form__eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vp-orange-700);margin-bottom:8px}.vp-form__heading{font-family:var(--font-display);font-size:clamp(24px,3.6vw,32px);line-height:1.1;color:var(--vp-muted);margin:0 0 12px}.vp-form__lede{font-size:16px;line-height:1.55;color:var(--vp-body);margin:0 0 20px}.vp-form__choices{display:grid;gap:12px;margin:16px 0}.vp-form__choice{display:block;padding:18px 20px;border:1.5px solid var(--vp-line);background:#fff;cursor:pointer;font-family:var(--font-body);font-size:16px;text-align:left;width:100%;border-radius:0;transition:all .14s ease}.vp-form__choice:hover{border-color:var(--vp-ink);background:var(--vp-cream)}.vp-form__choice:focus-visible{outline:2px solid var(--vp-ink);outline-offset:2px;border-color:var(--vp-ink)}.vp-form__choice strong{display:block;font-weight:700;margin-bottom:4px;color:var(--vp-ink)}.vp-form__choice span{font-size:13px;color:var(--vp-body);line-height:1.5}.vp-form__field{display:block;margin-bottom:14px}.vp-form__field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vp-form__label{display:block;font-size:13px;font-weight:600;color:var(--vp-muted);margin-bottom:6px}.vp-form__label-required:after{content:" *";color:var(--vp-orange-700)}.vp-form__input,.vp-form__select,.vp-form__textarea{width:100%;padding:12px 13px;font-family:var(--font-body);font-size:16px;color:var(--vp-ink);border:1.5px solid var(--vp-line-strong);border-radius:8px;background:#fff;transition:border-color .14s ease;-webkit-appearance:none;appearance:none}.vp-form__input:focus,.vp-form__select:focus,.vp-form__textarea:focus{outline:2px solid var(--vp-ink);outline-offset:0;border-color:var(--vp-ink)}.vp-form__textarea{resize:vertical;min-height:88px}.vp-form__select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23585858' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:36px}.vp-form__hint{font-size:13px;color:var(--vp-muted);margin-top:4px}.vp-form__file{display:flex;align-items:center;gap:10px;padding:14px;border:1.5px dashed var(--vp-line-strong);border-radius:8px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.vp-form__file:hover{border-color:var(--vp-ink);background:var(--vp-cream)}.vp-form__file input[type=file]{display:none}.vp-form__file-label{font-size:15px;color:var(--vp-body);font-weight:500}.vp-form__file-name{font-size:13px;color:var(--vp-trade-green);font-weight:600}.vp-form__error{font-size:13px;color:var(--vp-error);margin-top:8px}.vp-form__success{font-size:15px;color:var(--vp-trade-green);font-weight:600;display:flex;align-items:center;gap:6px}.vp-form__contact-card{background:var(--vp-cream);padding:22px;margin:20px 0;display:flex;flex-direction:column;gap:10px}.vp-form__contact-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--vp-line);font-size:15px}.vp-form__contact-row:first-child{border-top:0;padding-top:0}.vp-form__contact-row .label{flex:0 0 110px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-muted)}.vp-form__contact-row a{color:var(--vp-ink);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--vp-orange);padding-bottom:1px}.vp-form__contact-row a:hover{color:var(--vp-orange-700);border-bottom-color:var(--vp-orange-700)}.vp-form__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--vp-body);line-height:1.5;margin-top:16px;padding:12px 14px;background:var(--vp-cream);border-left:3px solid var(--vp-trade-green)}.vp-form__consent input[type=checkbox]{flex:0 0 auto;margin-top:2px;width:16px;height:16px;accent-color:var(--vp-trade-green)}.vp-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-top:1px solid var(--vp-line);background:#fff}.vp-form__btn{padding:12px 22px;font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:10px;border:1.5px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .14s ease}.vp-form__btn--primary{background:var(--vp-orange);color:#fff}.vp-form__btn--primary:hover{background:var(--vp-orange-700)}.vp-form__btn--primary:disabled{opacity:.55;cursor:not-allowed}.vp-form__btn--secondary{background:#fff;color:var(--vp-ink);border-color:var(--vp-line-strong)}.vp-form__btn--secondary:hover{border-color:var(--vp-ink)}.vp-form__btn--ghost{background:transparent;color:var(--vp-muted);border-color:transparent;text-transform:none;letter-spacing:0;font-weight:500;font-size:13px}.vp-form__btn--ghost:hover{color:var(--vp-ink)}.vp-form__btn:focus-visible{outline:2px solid var(--vp-ink);outline-offset:2px}.vp-form__spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:vp-spin .6s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-form__demo-banner{background:#ffab5426;color:var(--vp-orange-700);font-size:12px;padding:8px 24px;text-align:center;font-weight:600}@media(max-width:600px){.vp-form-overlay{padding:0}.vp-form{margin:0;min-height:100vh;max-width:100%;border-radius:0}.vp-form__field-row{grid-template-columns:1fr}.vp-form__contact-row{flex-direction:column;align-items:flex-start;gap:4px}.vp-form__contact-row .label{flex:none}}.vp-region-banner{background:var(--vp-cream);border-bottom:2px solid var(--vp-orange);color:var(--vp-ink);padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-family:var(--font-body);font-size:14px;position:relative;z-index:9998}.vp-region-banner__msg{font-weight:500}.vp-region-banner__btn{font-family:var(--font-body);font-weight:600;font-size:13px;padding:8px 16px;border-radius:6px;border:1.5px solid var(--vp-line-strong);background:#fff;color:var(--vp-ink);cursor:pointer;text-decoration:none;transition:all .14s ease}.vp-region-banner__btn:hover{border-color:var(--vp-ink)}.vp-region-banner__btn--primary{background:var(--vp-orange);border-color:var(--vp-orange);color:#fff}.vp-region-banner__btn--primary:hover{background:var(--vp-orange-700);border-color:var(--vp-orange-700);color:#fff}.vp-region-banner__btn:focus-visible{outline:2px solid var(--vp-ink);outline-offset:2px}.vp-form__hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.vp-form__step.is-active,.vp-form__spinner{animation:none}.vp-form__choice,.vp-form__btn,.vp-form__close,.vp-form__progress-step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/wholesale-form.css.map */