@layer uipub{.OTPInput{display:flex;justify-content:center;align-items:center;font-family:var(--font-mono);&:has(:disabled){opacity:.3}&:hover{& .SlotWrapperOuter{background-color:var(--surface-8)}}& .SlotWrapperOuter{transition:background-color .2s;background-color:var(--surface-5)}& .SlotWrapperInner{display:flex;background-color:var(--surface-2)}& .Slot{position:relative;transition:all .2s;border-right:1px solid var(--surface-5);width:32px;height:38px;font-size:var(--font-size-5);&:last-of-type{border:none}&.active{box-shadow:0 0 8px 0 var(--surface-6) inset}}& .FakeCaretWrapper,& .Slot{display:flex;justify-content:center!important;align-items:center!important}& .FakeCaretWrapper{position:absolute;animation:caret-blink 1.2s ease-out infinite;inset:0;pointer-events:none;& .FakeCaret{background-color:var(--surface-12);width:1px;height:16px}}& .FakeDashWrapper{display:flex;justify-content:center!important;align-items:center!important;width:38px;& .FakeDash{border-radius:999px;background-color:var(--surface-9);width:4px;height:4px}}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}