.otp-container .container{width:auto!important;padding:0!important;margin-left:0}.otp-container .container div{display:flex;gap:var(--input-primary-l-hint-spacing, 8px);position:relative;align-items:center}.otp-container .container div:after{position:relative;content:"";height:2px;width:var(--spacing-2x, 8px);border-radius:var(--spacing-1x);background:var(--color-border-border-strongest, #55627E);order:2}.otp-container .container div input{height:var(--input-primary-l-height, 56px)!important;width:var(--size-l, 48px)!important;border-radius:var(--input-primary-l-corner-radius, 12px);border-width:var(--input-primary-l-border-width, 2px)!important;border-style:solid;border-color:var(--input-primary-border-color-default, #F1F1F1);font-family:var(--Text-styles-Font-body-M-font-family, "Inter");font-weight:var(--Text-styles-Font-body-M-font-weight, 400);font-size:var(--Text-styles-Font-body-M-font-size, 16px);line-height:var(--Text-styles-Font-body-M-line-height, 24px);color:var(--input-primary-value-color-error, #00143E);caret-color:var(--color-accent-accent-default, #FFBE06)}.otp-container .container div input:nth-child(1),.otp-container .container div input:nth-child(2),.otp-container .container div input:nth-child(3){order:1}.otp-container .container div input:nth-child(4),.otp-container .container div input:nth-child(5),.otp-container .container div input:nth-child(6){order:3}.otp-container .container div input:focus,.otp-container .container div input:not(:placeholder-shown){border-color:var(--input-primary-border-color-hover, #00143E)!important;outline:none}.otp-container.success .container div:after{background:var(--color-foreground-foreground-success, #007951)}.otp-container.success .container div input{border-color:var(--color-foreground-foreground-success, #007951)}.otp-container.success .container div input:focus,.otp-container.success .container div input:not(:placeholder-shown){border-color:var(--color-foreground-foreground-success, #007951)!important;border-width:var(--input-primary-l-border-width, 2px)}.otp-container.error{animation:shake .5s forwards}.otp-container.error .container div:after{background:var(--color-foreground-foreground-error, #AA2E2E)}.otp-container.error .container div input{border-color:var(--color-foreground-foreground-error, #AA2E2E)}.otp-container.error .container div input:focus,.otp-container.error .container div input:not(:placeholder-shown){border-color:var(--color-foreground-foreground-error, #AA2E2E)!important;border-width:var(--input-primary-l-border-width, 2px)}@keyframes shake{0%,20%,40%,60%,80%,to{transform:translate(-5px)}10%,30%,50%,70%,90%{transform:translate(5px)}}.prop-toast{display:flex;align-items:center;font-family:var(--Text-styles-Font-body-S-strong-font-family, "Inter")}.prop-toast .icon{height:var(--spacing-5x, 20px);width:var(--spacing-5x, 20px)}.prop-toast *{flex-shrink:0}.prop-toast .message{flex-grow:1}.prop-toast.inline{height:var(--spacing-10x, 40px);padding:var(--spacing-2x, 8px) var(--spacing-3x, 12px);gap:var(--spacing-1x, 4px);border-radius:var(--corner-radius-xl, 16px);background:var(--color-background-background-weaker, #F6F6F6);font-size:var(--Text-styles-Font-body-S-strong-font-size, 14px);font-weight:var(--Text-styles-Font-body-S-strong-font-weight, 600);line-height:var(--Text-styles-Font-body-S-strong-line-height, 20px)}.prop-toast.inline .icon{fill:var(--color-foreground-foreground-success-on-surface, #005B3D)}.prop-toast.inline .message{color:var(--color-foreground-foreground-success-on-surface, #005B3D)}.prop-toast.overlay{padding:var(--spacing-3x, 12px);gap:var(--spacing-3x, 12px);color:var(--color-foreground-foreground-inverse, "#FFF");color:#fff;border-radius:var(--corner-radius-m, 8px);background:var(--color-background-background-inverted, #00143E);box-shadow:0 var(--spacing-1x, 4px) var(--spacing-2x, 8px) 0 var(--color-shadow-shadow-secondary-weak, rgba(42, 59, 94, .04)),0 0 var(--spacing-4x, 16px) 0 var(--color-shadow-shadow-secondary-default, rgba(42, 59, 94, .12))}
