.auth-door:has([data-auth-form] .cl-card:is(.cl-signIn-emailCode,.cl-signIn-phoneCode) .cl-otpCodeField)>:is(h2,.auth-door-intro){display:none}[data-auth-form] .cl-signIn-root{& .cl-cardBox:is(.cl-signIn-emailCode,.cl-signIn-phoneCode):has(.cl-otpCodeField){width:100%;border-radius:0;box-shadow:none;background:transparent}& .cl-card:is(.cl-signIn-emailCode,.cl-signIn-phoneCode):has(.cl-otpCodeField){--otp-focus:#bba7f9;--otp-error:#ffb1b7;--otp-success:#a8dec3;margin-inline:0;padding:0;gap:18px;& .cl-header{display:block;text-align:start}& .cl-headerTitle{color:#f1eff8;font:500 24px/1.3 var(--font-brand);letter-spacing:normal;max-width:none}& .cl-headerTitle:first-line{color:inherit}& .cl-headerSubtitle{color:#c0c2d6;font-size:15px;line-height:1.5;margin-block-start:8px}& .cl-identityPreview{justify-content:flex-start;gap:6px;padding:0;margin:0;border:0;background:transparent}& .cl-identityPreviewText{direction:ltr;unicode-bidi:isolate;text-align:start;overflow-wrap:anywhere;min-inline-size:0;white-space:normal;color:#f1eff8;font-size:15px;font-weight:600}& .cl-identityPreviewEditButton{flex:none;color:var(--otp-focus);min-inline-size:44px;min-block-size:44px}& :is(.cl-identityPreviewEditButton,.cl-formResendCodeLink):focus-visible{outline:2px solid var(--otp-focus);outline-offset:2px}& .cl-main{gap:4px}& .cl-form{align-items:start;gap:8px}& .cl-otpCodeField{inline-size:min(100%,320px)}& .cl-otpCodeFieldInputContainer{direction:ltr;width:100%}& .cl-otpCodeFieldInputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1.8vw,8px)}& .cl-otpCodeFieldInput{inline-size:100%;min-inline-size:0;min-block-size:48px;color:#f1eff8;background:#191d30;border:1px solid #717a96;border-radius:9px;box-shadow:none;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .14s ease,background-color .14s ease}& .cl-otpCodeFieldInputContainer:focus-within .cl-otpCodeFieldInput[data-focus-within=true]:not([data-feedback=success]){border-color:var(--otp-focus);outline:2px solid var(--otp-focus);outline-offset:-2px}& .cl-otpCodeFieldInput[aria-invalid=true]{background:#302438;border-color:var(--otp-error)}& .cl-otpCodeFieldInput[data-feedback=success]{background:#1c2b31;border-color:var(--otp-success);outline:0}& .cl-otpCodeFieldErrorText{color:var(--otp-error);font-size:14px;line-height:1.4;max-inline-size:100%}& .cl-otpCodeFieldSuccessText{color:var(--otp-success);font-size:0}& .cl-otpCodeField:has(.cl-otpCodeFieldInput[data-feedback=success]) .cl-otpCodeFieldSuccessText{visibility:visible;animation:none}& .cl-otpCodeField:has(.cl-otpCodeFieldInput[data-feedback=success]) .cl-otpCodeFieldErrorText{visibility:hidden;animation:none}& .cl-otpCodeFieldSuccessText:after{content:"Code verified"/"";font-size:14px}&:lang(he) .cl-otpCodeFieldSuccessText:after{content:"הקוד אומת"/""}& .cl-otpCodeFieldSuccessText svg{width:18px;height:18px;animation:auth-otp-confirm .18s cubic-bezier(.16,1,.3,1)}& .cl-formResendCodeLink{justify-content:flex-start;color:#d0c0ff;min-block-size:44px;padding-inline:0;font-size:14px;text-decoration:underline;text-underline-offset:4px}& .cl-formResendCodeLink:disabled{color:#c0c2d6;opacity:1;text-decoration:none}& .cl-formButtonPrimary{display:none}&:not(:has(.cl-otpCodeFieldInput[data-feedback=success])) .cl-formButtonPrimary.cl-loading{display:block;position:absolute;width:1px;height:1px;min-height:0;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}& .cl-otpCodeField[data-loading]:not(:has(.cl-otpCodeFieldInput[data-feedback=success])):after{content:"Checking the code…"/"";margin-block-start:8px;color:#c0c2d6;font-size:14px;line-height:1.4}&:lang(he) .cl-otpCodeField[data-loading]:not(:has(.cl-otpCodeFieldInput[data-feedback=success])):after{content:"בודקים את הקוד…"/""}@media (prefers-reduced-motion:reduce){& .cl-otpCodeFieldInput{transition:none}& .cl-otpCodeFieldInput>div,& .cl-otpCodeFieldSuccessText svg,& .cl-spinner{animation:none}}}}@keyframes auth-otp-confirm{0%{opacity:.35;transform:scale(.84)}to{opacity:1;transform:scale(1)}}