.name-collection-section .name-collection-container{flex-direction:column;gap:8px;display:inline-flex}.name-collection-section .name-collection-container .name-collection-header{justify-content:space-between;align-self:stretch;align-items:center;display:flex}.name-collection-section .name-collection-container .name-collection-header .name-label{align-items:center;display:flex}.name-collection-section .name-collection-container .name-collection-header .name-label .label-text{color:#636363}.name-collection-section .name-collection-container .name-input{outline-offset:-1px;background:#fff;border-radius:8px;outline:1px solid #ebebeb;align-self:stretch;height:44px;padding:12px 20px}.name-collection-section .name-collection-container .name-input.oui-input--error{outline-color:#cb0000}.name-collection-section .name-collection-container .name-input:focus-within{outline-color:#ff970a}.name-collection-section .submit-button{margin-top:24px}.number-collection-section .passkey-action-container{flex-direction:column;gap:12px;width:100%;display:flex}.number-collection-section .passkey-divider{align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.number-collection-section .passkey-divider .passkey-divider-line{background:#e4e7ec;flex:1;height:1px}.number-collection-section .passkey-divider .passkey-divider-text{letter-spacing:.08em}.number-collection-section .passkey-button.oui-button{box-shadow:none}.accounts-auth-modal-content.otp-verification .otp-content{display:flex}.passkey-setup-section,.passkey-setup-section .passkey-setup-header{flex-direction:column;align-items:center;display:flex}.passkey-setup-section .passkey-setup-header{text-align:center;gap:8px;margin-bottom:4px}.passkey-setup-section .passkey-setup-error{text-align:center;margin-bottom:4px}.passkey-setup-section .passkey-setup-skip-button{margin-top:4px}.passkey-setup-section .passkey-setup-action-buttons{flex-direction:column;gap:8px;width:100%;display:flex}.accounts-auth-modal{position:relative}.accounts-auth-modal .oui-modal--close-button{z-index:5}.accounts-auth-modal .oui-modal--content{padding:0}.accounts-auth-modal .oui-modal--body{flex:none;transition:height .4s ease-in-out;overflow:hidden}.accounts-auth-modal .accounts-auth-modal-content{width:300%;transition:left .4s ease-in-out;display:flex;position:relative;left:-100%}.accounts-auth-modal .accounts-auth-modal-content .mobile-number-input.mobile-number-input.mobile-number-input{font-size:16px}.accounts-auth-modal .accounts-auth-modal-content .name-collection-section,.accounts-auth-modal .accounts-auth-modal-content .number-collection-section,.accounts-auth-modal .accounts-auth-modal-content .otp-verification-section,.accounts-auth-modal .accounts-auth-modal-content .passkey-setup-section{opacity:0;height:0;transition:opacity .25s ease-in-out,scale .35s ease-in-out;scale:.7}.accounts-auth-modal .accounts-auth-modal-content .otp-verification-section .resend-button{cursor:pointer;background:0 0;border:0}.accounts-auth-modal .accounts-auth-modal-content .number-collection-section{flex-direction:column;align-items:center;display:flex}.accounts-auth-modal .accounts-auth-modal-content.number-collection{left:0}.accounts-auth-modal .accounts-auth-modal-content.number-collection .number-collection-section{opacity:1;height:auto;scale:1}.accounts-auth-modal .accounts-auth-modal-content.otp-verification{left:-100%}.accounts-auth-modal .accounts-auth-modal-content.otp-verification .otp-verification-section{opacity:1;height:auto;scale:1}.accounts-auth-modal .accounts-auth-modal-content.name-collection{left:-200%}.accounts-auth-modal .accounts-auth-modal-content.name-collection .name-collection-section{opacity:1;height:auto;scale:1}.accounts-auth-modal .accounts-auth-modal-content .name-collection-section{flex-direction:column;align-items:center;display:flex}.accounts-auth-modal .accounts-auth-modal-content .name-collection-section header{justify-content:space-between;align-items:center;width:100%;display:flex}.accounts-auth-modal .accounts-auth-modal-content.passkeys-enabled{width:400%}.accounts-auth-modal .accounts-auth-modal-content.passkeys-enabled.passkey-setup{left:-200%}.accounts-auth-modal .accounts-auth-modal-content.passkeys-enabled.passkey-setup .passkey-setup-section{opacity:1;height:auto;scale:1}.accounts-auth-modal .accounts-auth-modal-content.passkeys-enabled.name-collection{left:-300%}.accounts-auth-modal .accounts-auth-modal-content .auth-section{flex:1;gap:8px;padding:24px}.accounts-auth-modal .mobile-number-header{flex-direction:column;align-items:center;display:flex}@media (max-width:992px){.accounts-auth-modal .oui-modal--content:has(.oui-modal--slider) .auth-section{padding:0 24px 24px}}.auth-container{width:100%;margin:0 auto}.auth-container .auth-container-content{width:300%;transition:left .4s ease-in-out;display:flex;position:relative;left:-100%}.auth-container .auth-container-content .name-collection-section,.auth-container .auth-container-content .number-collection-section,.auth-container .auth-container-content .otp-verification-container{opacity:0;flex:1 0;width:33.333%;height:0;transition:opacity .25s ease-in-out,scale .35s ease-in-out;scale:.7}.auth-container .auth-container-content .name-collection-section,.auth-container .auth-container-content .number-collection-section{flex-direction:column;align-items:center;display:flex}.auth-container .auth-container-content .name-collection-section header{justify-content:space-between;align-items:center;width:100%;display:flex}.auth-container .auth-container-content.number-collection{left:0}.auth-container .auth-container-content.number-collection .number-collection-section{opacity:1;height:auto;scale:1}.auth-container .auth-container-content.otp-verification{left:-100%}.auth-container .auth-container-content.otp-verification .otp-verification-container{opacity:1;height:auto;scale:1}.auth-container .auth-container-content.name-collection{left:-200%}.auth-container .auth-container-content.name-collection .name-collection-section{opacity:1;height:auto;scale:1}.auth-container .auth-container-content .auth-section{flex:1;gap:8px}@media (max-width:768px){.auth-container{max-width:100%;padding:0 16px}}.auth-receiver{flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.auth-receiver .loading-indicator{border:2px solid var(--color-primary);border-top:2px solid #0000;border-radius:50%;width:24px;height:24px;animation:1s linear infinite auth-loading-indicator-spin}@keyframes auth-loading-indicator-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.occ-admin-auth-modal{position:relative}.occ-admin-auth-modal .occ-admin-auth-modal-content{flex-direction:column;gap:32px;display:flex;position:relative}.occ-admin-auth-modal .occ-admin-auth-modal-content .glogin-button svg{width:16px}.number-collection-section .number-collection-container{flex-direction:column;gap:8px;display:inline-flex}.number-collection-section .number-collection-container .number-collection-label{display:flex}.number-collection-section .number-collection-container .number-collection-label .label-text{color:#636363}.number-collection-section .number-collection-container .mobile-number-input.oui-input--error{outline-color:#cb0000}.number-collection-section .number-collection-container .mobile-number-input:focus-within{outline-color:#ff970a}.otp-verification-container .otp-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.otp-verification-container .otp-header .submit-otp-title{color:#636363}.otp-verification-container .otp-input-wrapper .oui-otp-input{gap:8px}.otp-verification-container .otp-input-wrapper .oui-otp-input>div>input{flex:1}.otp-verification-container .otp-action-buttons{gap:8px;margin-top:32px;display:flex}.otp-verification-container .otp-action-buttons .back-btn{cursor:pointer;border:1px solid #ebebeb;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:80px;padding:8px 16px;display:flex}.otp-verification-container .oui-otp-input{animation:.5s forwards delayed-show}.otp-verification-container .oui-otp-input--error-text{font-family:Manrope}.otp-verification-container .otp-content-container{flex-direction:column;gap:12px}.otp-verification-container .otp-not-received-container .otp-not-received-text{color:#b1b1b1;text-align:center;font-family:Manrope,sans-serif;font-size:14px;font-style:normal;font-weight:500}.otp-verification-container .otp-not-received-container button{background:0 0;border:none;text-decoration:none}.otp-verification-container .otp-not-received-container button .resend-otp-text{text-decoration:none}.otp-verification-container .otp-not-received-container .otp-resent-timer{color:#636363}.otp-verification-container .otp-not-received-container .resend-otp-text{color:#ff970a;text-decoration:underline}.occ-retail-auth-modal-content.otp-verification .otp-content{display:flex}.otp-verification-section{align-items:stretch}.otp-verification-section .otp-title-container{align-items:center;min-height:48px;display:flex}.otp-verification-section .otp-title-container .back-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.otp-verification-section .otp-title-container .back-button .back-text{color:#8a8a8a;margin-bottom:2px}.otp-verification-section .otp-title-container .otp-title{color:#3c3c3c;position:absolute;left:50%;transform:translate(-50%)}.otp-verification-section .oui-otp-input{animation:.5s forwards delayed-show}@keyframes delayed-show{0%{display:none}to{display:block}}.otp-verification-section .oui-otp-input--error-text{font-family:Manrope}.otp-verification-section .otp-content{flex-direction:column;gap:12px;display:none}.otp-verification-section .otp-not-received-container{margin-bottom:20px}.otp-verification-section .otp-not-received-container .otp-not-received-text,.otp-verification-section .otp-not-received-container .otp-resent-timer{color:#636363}.otp-verification-section .otp-not-received-container .resend-otp-text{color:#ff970a;text-decoration:underline}.occ-retail-auth-modal{position:relative}.occ-retail-auth-modal .oui-modal--close-button{z-index:5}.occ-retail-auth-modal .oui-modal--content{padding:0}.occ-retail-auth-modal .oui-modal--body{flex:none;transition:height .4s ease-in-out;overflow:hidden}.occ-retail-auth-modal .occ-retail-auth-modal-content{width:200%;transition:left .4s ease-in-out;display:flex;position:relative;left:-100%}.occ-retail-auth-modal .occ-retail-auth-modal-content .mobile-number-input.mobile-number-input.mobile-number-input{font-size:16px}.occ-retail-auth-modal .occ-retail-auth-modal-content .number-collection-section,.occ-retail-auth-modal .occ-retail-auth-modal-content .otp-verification-section{opacity:0;height:0;transition:opacity .25s ease-in-out,scale .35s ease-in-out;scale:.7}.occ-retail-auth-modal .occ-retail-auth-modal-content .otp-verification-section .resend-button{cursor:pointer;background:0 0;border:0}.occ-retail-auth-modal .occ-retail-auth-modal-content .number-collection-section{flex-direction:column;align-items:center;display:flex}.occ-retail-auth-modal .occ-retail-auth-modal-content.number-collection{left:0}.occ-retail-auth-modal .occ-retail-auth-modal-content.number-collection .number-collection-section{opacity:1;height:auto;scale:1}.occ-retail-auth-modal .occ-retail-auth-modal-content.otp-verification{left:-100%}.occ-retail-auth-modal .occ-retail-auth-modal-content.otp-verification .otp-verification-section{opacity:1;height:auto;scale:1}.occ-retail-auth-modal .occ-retail-auth-modal-content .name-collection-section{flex-direction:column;align-items:center;display:flex}.occ-retail-auth-modal .occ-retail-auth-modal-content .name-collection-section header{justify-content:space-between;align-items:center;width:100%;display:flex}.occ-retail-auth-modal .occ-retail-auth-modal-content .auth-section{flex:1;gap:8px;padding:24px}.occ-retail-auth-modal .mobile-number-header{flex-direction:column;align-items:center;display:flex}@media (max-width:992px){.occ-retail-auth-modal .oui-modal--content:has(.oui-modal--slider) .auth-section{padding:0 24px 24px}}
