sso-login-popup{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;display:flex;align-items:flex-end;justify-content:center}sso-login-popup.active{z-index:99999}sso-login-popup modal-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background:#00000052;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility .2s ease-out}sso-login-popup.active modal-overlay{opacity:1;visibility:visible;pointer-events:all;transition:opacity .2s ease-out,visibility .2s ease-out}sso-login-container{position:absolute;background:#fff;box-shadow:#00000038 0 13px 24px;border:1px solid rgba(255,255,255,.6)}login-header{display:flex;align-items:center;justify-content:center;position:relative;margin:8px 8px 24px}login-header .image--banner__container{max-width:450px}login-header sso-close-button{position:absolute;top:8px;right:8px;cursor:pointer;padding:auto}.title--wrapper{padding:0 30px}.login--title{font-size:24px;line-height:43px;color:#1a1a1e;text-align:left;font-weight:500}cart-drawer-login .login--title{font-weight:700}.login--description{font-size:14px;color:#1a1a1e;text-align:left;font-weight:500;line-height:20px}.login--title span{font-weight:700}phone-login>form,cart-drawer-phone-login>form{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:24px 30px 0;row-gap:12px}cart-drawer-phone-login>form{margin:10px 0 0}cart-drawer-login .title--wrapper{padding:0}.input--container{display:flex;align-items:center;width:100%;border:1px solid rgb(218,218,218);border-radius:5px}custom-extension-selector{padding:12px 15px;border-right:1px solid rgb(218,218,218)}.input--container input[type=number]{width:100%;border:none;text-align:left;background-color:transparent;outline:none;padding-left:10px;font-weight:500;font-size:14px;line-height:18px}.input--container input[type=number]::placeholder{opacity:.3}.input--container input[type=number]:active,.input--container input[type=number]:focus{border:none;box-shadow:none}.button.continue--button,otp-confirm-button{border:1px solid transparent;transition:.25s;display:flex;justify-content:center;align-items:center;font-size:14px;border-radius:6px;padding:11.5px 20px;font-weight:700;width:100%;height:48px;color:#fff;cursor:pointer}.button.continue--button[disabled=true],otp-confirm-button[disabled=true]{opacity:.35}alternative-login{display:block;width:100%;padding:32px 30px 0;text-align:center}alternative-social-login,alternative-phone-login{display:flex;justify-content:center;align-items:center;color:#ff3278;font-size:14px;text-transform:uppercase;cursor:pointer;gap:5px;font-weight:700}.footer__container{width:100%;text-align:center;color:#acacac;font-size:12px;letter-spacing:0px}login-footer{display:flex;align-items:center;justify-content:center;padding:24px 30px}.footer__container a{cursor:pointer;color:#ff316d;text-decoration:none}social-login{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 30px 0;gap:10px}social-login>*,cart-drawer-truecaller-login{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;border:1px solid rgb(218,218,218);border-radius:6px;padding:12px;min-height:48px;cursor:pointer;font-size:14px;font-weight:500;line-height:18px;text-align:center;color:#1a1a1e}sso-login-otp{position:absolute;display:flex;align-items:flex-start;flex-direction:column;padding:13px 30px 20px;background:#fff;box-shadow:#00000038 0 13px 24px;border:1px solid rgba(255,255,255,.6)}otp-header{padding-bottom:12px;cursor:pointer}.otp--title{font-size:24px;letter-spacing:0px;color:#1a1a1e;text-align:left}.otp--description{max-width:340px;color:#1a1a1e;font-size:14px;letter-spacing:0px;text-align:left}otp-phone{color:#ff316d}.hidden--otp__input{visibility:hidden;opacity:0;pointer-events:none;display:none;width:1px;height:1px;padding:0;margin:0}.otp--wrapper{position:relative;display:flex;justify-content:space-between;margin:40px auto;max-width:320px}cart-drawer-login .otp--wrapper{margin:15px 0}cart-drawer-otp-confirm-button{width:100%}.phone-update-close-class{position:absolute;right:32px}.otp--holder{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:40px;font-size:20px;text-align:center;background:#ffffff26;border-radius:5px;color:#1a1a1e;border:1px solid rgb(218,218,218)}.resend--otp__container{color:#1a1a1e;font-size:14px;text-align:center;letter-spacing:0px;line-height:normal;margin-top:24px;padding-top:12px}resend-otp-button,cart-drawer-resend-otp-button{cursor:pointer;border:1px solid transparent;transition:.25s;display:flex;justify-content:center;align-items:center;color:#ff3278;background:transparent;font-size:14px;border-radius:5px;padding:10px 20px 20px;font-weight:500;text-transform:uppercase}.get--help__container{color:#1a1a1e;letter-spacing:0px;cursor:pointer;font-size:14px;line-height:22px;width:100%;text-align:center;padding:20px 0;border-top:1px solid rgb(238,238,238)}.get--help__link{color:#ff3278;font-size:14px;font-weight:500;letter-spacing:0px;line-height:22px;text-align:center;cursor:pointer;display:inline-block;text-decoration:none;text-transform:uppercase}.icon--truecaller,truecaller-login,#truecaller-response{display:none}.call--otp__container{font-size:14px;color:#919191;font-weight:700;letter-spacing:0px;line-height:22px;border-top:1px solid rgb(238,238,238);padding:16px 0;display:flex;align-items:center;justify-content:center;text-transform:uppercase}otp-on-call[disabled=true],cart-drawer-otp-on-call[disabled=true]{cursor:not-allowed;pointer-events:none}otp-on-call:not([disabled=true]),cart-drawer-otp-on-call:not([disabled=true]){color:#ff3278;cursor:pointer;pointer-events:all}sso-login-container{border-radius:10px 10px 0 0;transform:translateY(100vh);z-index:-1;transition:transform .3s ease-out}sso-login-popup.active sso-login-container.active{transform:translateY(0);z-index:999999;transition:transform .3s ease-out}sso-login-otp{border-radius:10px 10px 0 0;transform:translateY(100vh);z-index:-1;transition:transform .3s ease-out}sso-login-popup.active sso-login-otp.active{transform:translateY(0);z-index:999999;transition:transform .3s ease-out}sso-login-validations{position:fixed;top:20px;right:0;min-width:250px;z-index:-1;display:flex;flex-direction:column;align-items:center;gap:20px;width:100dvw}sso-login-validations.active{z-index:99999}login-error-toast,login-success-toast{position:relative;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;max-height:800px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;color:#fff;overflow:hidden;max-width:300px;width:0;height:0;transform:translateY(-100vh)}login-error-toast.active,login-success-toast.active{min-height:40px;padding:8px;width:100%;height:100%;transform:translateY(0);transition:transform .3s ease-out}login-error-toast{background:#ff5d70}login-success-toast{background:#57c192}.error--wrapper,.success--wrapper{display:flex;align-items:center;justify-content:flex-start;gap:8px}.success--message,.error--message{max-width:245px}toast-progress-bar{position:absolute;display:block!important;width:100%;bottom:0;left:0;border-radius:8px;height:2px;background:#d2caca;transition:all .3s ease-out}.continue--button.loading,.otp--confirm__button.loading{pointer-events:none}@media only screen and (min-width: 750px){login-header .login--image__banner{max-width:450px;max-height:175px}sso-login-popup{align-items:center}login-error-toast,login-success-toast{max-width:270px}.success--message,.error--message{max-width:215px}sso-login-otp{transform:unset;border-radius:10px;scale:0;opacity:0;z-index:-1;transition:transform .3s ease-out,opacity .2s ease-out,scale .3s ease-out}sso-login-popup.active sso-login-otp.active{transform:unset;scale:1;opacity:1;z-index:999999;transition:transform .3s ease-out,opacity .2s ease-out,scale .3s ease-out}sso-login-container{transform:unset;border-radius:10px;scale:0;opacity:0;z-index:-1;transition:transform .3s ease-out,opacity .2s ease-out,scale .3s ease-out}sso-login-popup.active sso-login-container.active{transform:unset;scale:1;opacity:1;z-index:999999;transition:transform .3s ease-out,opacity .2s ease-out,scale .3s ease-out}Expand Down sso-login-validations{width:auto;height:50dvh;display:flex;align-items:center;justify-content:center;right:52px;top:0}login-error-toast,login-success-toast{transform:translate(50vw);transition:transform .3s ease-out}login-error-toast.active,login-success-toast.active{height:fit-content;transform:translate(0);transition:transform .3s ease-out}}cart-drawer-login login-body:not(.active),cart-drawer-login-otp:not(.active){display:none}.cart-drawer__footer{position:relative}cart-drawer-login{position:fixed;bottom:0;background:#fff;right:0;left:0;padding:10px 20px;z-index:100;transform:translateY(100%);transition:transform .3s ease-out}cart-drawer-login.active{transform:translateY(0);transition:transform .3s ease-out}@media only screen and (min-width: 750px){cart-drawer-login{padding:10px 30px}}cart-drawer-login .otp--title__container{display:flex;gap:15px;padding-top:5px;align-items:center}.h4.otp-title{letter-spacing:0px;color:#1a1a1e;text-align:left;margin:0;font-weight:700}.h4.login-title{color:#1a1a1e;font-weight:700}cart-drawer-login .resend--otp__container{display:flex;align-items:center;gap:10px;margin:0}cart-drawer-otp-confirm-button{font-weight:700}cart-drawer-login .resend--otp__button{padding:0}.terms--wrapper a{color:#ff3278;cursor:pointer;font-weight:500}cart-drawer-truecaller-login{margin-top:10px}cart-drawer-login.active{box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}@media (max-width: 749px){cart-drawer-login custom-extension-selector{padding:6px 15px}cart-drawer-login .button.continue--button,cart-drawer-login .otp--confirm__button,cart-drawer-login .input--container{height:35px}cart-drawer-login .otp--holder{width:35px;height:35px;line-height:unset}cart-drawer-login .otp--wrapper{margin:10px 0}cart-drawer-login .otp--wrapper{justify-content:start;gap:10px}cart-drawer-login .otp--confirm__button{display:flex;justify-content:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/marmeto-sso-login.css.map */
