.loginModal{background:#191b19;border:1px solid #1dde6a4d;border-radius:15px;flex-direction:column;width:95%;max-width:466px;max-height:95vh;padding:55px 18px 25px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.loginModal .loginModalClose{color:#ffffffb3;padding:4px;transition:color .2s,transform .2s;position:absolute;top:16px;right:16px}.loginModal .loginModalClose:hover{color:#fff;background:0 0}.loginModal .loginModalClose .loginModalCloseIcon{font-size:28px}.loginModal .loginModalHeader{flex-direction:column;justify-content:center;align-items:center;gap:25px;width:95%;margin:0 auto 25px;padding:0 15px;display:flex}.loginModal .loginModalHeader .logoLink{object-fit:contain;aspect-ratio:6;width:100%;max-width:299px;position:relative}.loginModal .loginModalTitle{color:#fff;text-align:center;text-shadow:0 3.904px 72.217px #00000026;font-family:var(--font-helvetica-now-display);text-transform:capitalize;-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff 0%,#1ddd6a 100%);-webkit-background-clip:text;background-clip:text;max-width:93%;margin:0 auto;font-size:clamp(28px,2.5vw,34.157px);font-weight:500;line-height:120%}.loginModal .loginModalBody{flex-direction:column;flex-grow:1;gap:24px;width:100%;padding:0 15px 20px;display:flex;overflow:auto}.loginModal .loginModalBody::-webkit-scrollbar{width:4px;height:4px}.loginModal .loginModalBody::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.loginModal .loginModalBody::-webkit-scrollbar-thumb{background:#1dde6a4d;border-radius:2px}.loginModal .loginModalBody .loginModalSocial{flex-direction:column;gap:12px;display:flex}.loginModal .loginModalBody .loginModalSocial .loginModalSocialBtn{color:#fff;letter-spacing:-.3px;cursor:pointer;text-transform:capitalize;background:#f3f3f30d;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:55px;padding:0 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.25;transition:border-color .2s,background .2s;display:flex}.loginModal .loginModalBody .loginModalSocial .loginModalSocialBtn:hover{background:#1dde6a14;border-color:#1dde6a66}.loginModal .loginModalBody .loginModalSocial .loginModalSocialBtn .loginModalSocialIcon{flex-shrink:0;font-size:20px}.loginModal .loginModalBody .loginModalSignup{text-align:center;color:#d5d5d5;letter-spacing:-.54px;text-transform:capitalize;width:fit-content;margin:0 auto;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.4}.loginModal .loginModalBody .loginModalSignup:hover{background:0 0;text-decoration:underline}.loginModal .loginModalBody .loginModalDividerWrap{align-items:center;gap:16px;width:100%;display:flex}.loginModal .loginModalBody .loginModalDividerWrap .loginModalDivider{flex:1}.loginModal .loginModalBody .loginModalDividerWrap .loginModalDividerText{color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.loginModal .loginModalBody .loginModalForm{flex-direction:column;gap:18px;width:100%;display:flex}.loginModal .loginModalBody .loginModalForm .loginFormFields{flex-wrap:wrap;gap:12px;width:100%;display:flex}.loginModal .loginModalBody .loginModalForm .loginModalFormActions{flex-direction:column;gap:12px;margin-top:6px;display:flex}.loginModal .loginModalBody .loginModalForm .loginModalFormActions .loginModalBack{color:#d5d5d5;text-transform:capitalize;min-height:auto;padding:0;font-family:Inter,sans-serif;font-size:16px}.loginModal .loginModalBody .loginModalForm .loginModalFormActions .loginModalBack:hover{color:#1dde6ae6;background:0 0;text-decoration:underline}.loginModal .loginModalBody .checkoutButton{color:#fff;letter-spacing:-.69px;text-transform:capitalize;background-color:#0000;border-radius:15px;flex-shrink:0;align-items:center;gap:11px;height:55px;min-height:60px;margin-top:7px;font-family:Inter;font-size:clamp(16px,1.6vw,18px);font-style:normal;font-weight:500;line-height:97%;transition:all .3s ease-in-out;display:flex;position:relative}@media (max-width:560px){.loginModal .loginModalBody .checkoutButton{width:100%;min-height:52px;margin:0;font-size:16px}}.loginModal .loginModalBody .checkoutButton .buttonLayerBefore{object-fit:contain;z-index:1;background-image:url(/buttonLayerRight.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:22%;transition:all .3s ease-in-out;position:absolute;top:8px;bottom:8px;right:21px}.loginModal .loginModalBody .checkoutButton .buttonLayerAfter{object-fit:contain;z-index:1;background-image:url(/buttonLayerLeft.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:22%;transition:all .3s ease-in-out;position:absolute;top:8px;bottom:8px;left:21px}.loginModal .loginModalBody .checkoutButton .gradientLayer{z-index:0;background:linear-gradient(75deg,#1dde6a -8.5%,#020600 61.41%);border-radius:15px;width:100%;height:100%;position:absolute}.loginModal .loginModalBody .checkoutButton .borderLayer{border:1px solid #fff3;border-radius:15px;width:100%;height:100%;position:absolute;top:0;left:0}.loginModal .loginModalBody .checkoutButton .textLayer{z-index:2;position:relative}.loginModal .loginModalBody .checkoutButton .arrow-icon{z-index:2;font-size:14px;transition:all .3s ease-in-out;position:relative}.loginModal .loginModalBody .checkoutButton:hover:not(:disabled){transform:translateY(-2px)}.loginModal .loginModalBody .checkoutButton:hover:not(:disabled) .buttonLayerBefore,.loginModal .loginModalBody .checkoutButton:hover:not(:disabled) .buttonLayerAfter{transform:scale(1.1)}.loginModal .loginModalBody .checkoutButton:hover:not(:disabled) .arrow-icon{transform:translate(4px)}