.vendorPopUpContainer{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .35s,visibility .35s;display:flex;position:fixed;box-shadow:0 4px 8px #0000001a}.vendorPopUpContainer.modalVisible{opacity:1;visibility:visible;pointer-events:auto}.popupModal{opacity:0;background-image:url(/vendorpopup/modal_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:23px;justify-content:flex-start;align-items:flex-start;width:min(640px,92vw);padding:42px 48px;transition:opacity .35s,transform .35s;display:flex;position:relative;overflow:hidden;transform:translateY(24px)scale(.97);box-shadow:0 20px 60px #00000059}.popupModal.modalVisible{opacity:1;transform:translate(0,0)scale(1)}.popupModal:before{content:"";border-radius:inherit;background:linear-gradient(120deg,#050c1cbf 0%,#050c1c73 55%,#050c1c00 100%);position:absolute;inset:0;box-shadow:inset 14px 13px 10.1px #ffffff1a}.popupContainerContent{color:#fff;z-index:1;flex-direction:column;gap:18px;max-width:420px;display:flex;position:relative}.popupClose{cursor:pointer;z-index:2;background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;padding:.35rem;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.popupClose:hover{background-color:#eaeaeacc;transition:all .2s}.joinUsVendor{letter-spacing:0;color:#fff;font-size:27px;font-weight:700;line-height:1.3}.growYourBusiness{color:#e7f0ff;font-size:15px;font-weight:500;line-height:1.6}.popUpCompany{color:#e7f0ff;flex-direction:column;gap:10px;width:100%;max-width:360px;margin-top:6px;display:flex}.companyText{text-transform:none;letter-spacing:.1px;font-size:13px;font-weight:600}.popUpInputContainer{background-color:#ffffff29;border-radius:10px;width:100%;transition:border-color .2s,background-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff26}.popUpInput:hover{background:#ffffff30;border:1.5px solid #fff;transition:all .2s}.popUpInput.hasError,.popUpInput.hasError:hover{border:1.5px solid #ff5454!important}.popUpInput{color:#fff;background-color:#0000;border:none;border-radius:8px;outline:none;width:100%;height:40px;padding:0 14px;font-size:14px;transition:all .2s;-webkit-text-fill-color:#fff!important}.popUpInput.hasError::placeholder{color:#ffffffe0}.popUpInput::placeholder{color:#e0e6f5}.inputErrorText{color:#ff5454;margin-top:-2px;font-size:13px;font-weight:600}.accessButton{color:#000;cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding-top:12.5px;padding-bottom:12.5px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 10px 24px #0d264859}.accessButton:hover{background:#eaeaea}.accessButton:active{transform:translateY(1px)scale(.99);box-shadow:0 8px 18px #0d264866}.accessButton[data-cta-state=loading]{opacity:.9;cursor:wait}.ctaLoader{border:2px solid #141e3240;border-top-color:#0a0f1ee6;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite ctaSpin}.vendorPopupTrigger{color:#fff;cursor:pointer;background:#0b52ff;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;box-shadow:0 8px 20px #0b52ff59}.loaderPopup{width:20px;height:20px;animation:.9s linear infinite ctaSpin}@keyframes ctaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (min-width:0) and (max-width:768px){.popupModal{width:92%;padding:28px 24px}.joinUsVendor{padding-top:3rem;font-size:22px}.growYourBusiness{font-size:14px}}
