@tempoxyz/ds 0.3.2 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/README.md +7 -0
  2. package/dist/web/components/Accordion.css +1 -1
  3. package/dist/web/components/Accordion.js.zyzz.json +1 -1
  4. package/dist/web/components/AddressCard.css +1 -1
  5. package/dist/web/components/AddressCard.js.zyzz.json +1 -1
  6. package/dist/web/components/AgentLogo.js.zyzz.json +1 -1
  7. package/dist/web/components/Alert.css +1 -1
  8. package/dist/web/components/Alert.js.zyzz.json +1 -1
  9. package/dist/web/components/AlertDialog.js.zyzz.json +1 -1
  10. package/dist/web/components/Amount.css +1 -1
  11. package/dist/web/components/Amount.js.zyzz.json +1 -1
  12. package/dist/web/components/AmountInput.css +1 -1
  13. package/dist/web/components/AmountInput.js.zyzz.json +1 -1
  14. package/dist/web/components/AppShell.css +1 -1
  15. package/dist/web/components/AppShell.d.ts +4 -0
  16. package/dist/web/components/AppShell.d.ts.map +1 -1
  17. package/dist/web/components/AppShell.js +20 -20
  18. package/dist/web/components/AppShell.js.map +1 -1
  19. package/dist/web/components/AppShell.js.zyzz.json +1 -1
  20. package/dist/web/components/AssetChip.css +1 -1
  21. package/dist/web/components/AssetChip.js.zyzz.json +1 -1
  22. package/dist/web/components/Autocomplete.js.zyzz.json +1 -1
  23. package/dist/web/components/Avatar.css +1 -1
  24. package/dist/web/components/Avatar.js.zyzz.json +1 -1
  25. package/dist/web/components/Badge.css +1 -1
  26. package/dist/web/components/Badge.js.zyzz.json +1 -1
  27. package/dist/web/components/Banner.css +1 -1
  28. package/dist/web/components/Banner.js.zyzz.json +1 -1
  29. package/dist/web/components/BarChart.css +1 -1
  30. package/dist/web/components/BarChart.js.zyzz.json +1 -1
  31. package/dist/web/components/Breadcrumbs.css +1 -1
  32. package/dist/web/components/Breadcrumbs.js.zyzz.json +1 -1
  33. package/dist/web/components/Button.css +1 -1
  34. package/dist/web/components/Button.js.zyzz.json +1 -1
  35. package/dist/web/components/ButtonGroup.js.zyzz.json +1 -1
  36. package/dist/web/components/Calendar.css +1 -1
  37. package/dist/web/components/Calendar.js.zyzz.json +1 -1
  38. package/dist/web/components/Callout.css +1 -1
  39. package/dist/web/components/Callout.js.zyzz.json +1 -1
  40. package/dist/web/components/Checkbox.js.zyzz.json +1 -1
  41. package/dist/web/components/CheckboxGroup.js.zyzz.json +1 -1
  42. package/dist/web/components/ChoiceGroup.css +1 -1
  43. package/dist/web/components/ChoiceGroup.js.zyzz.json +1 -1
  44. package/dist/web/components/Choicebox.css +1 -1
  45. package/dist/web/components/Choicebox.js.zyzz.json +1 -1
  46. package/dist/web/components/Code.js.zyzz.json +1 -1
  47. package/dist/web/components/Combobox.css +1 -1
  48. package/dist/web/components/Combobox.js.zyzz.json +1 -1
  49. package/dist/web/components/Container.js.zyzz.json +1 -1
  50. package/dist/web/components/CopyButton.js.zyzz.json +1 -1
  51. package/dist/web/components/DatePicker.css +1 -1
  52. package/dist/web/components/DatePicker.js.zyzz.json +1 -1
  53. package/dist/web/components/Dialog.css +1 -1
  54. package/dist/web/components/Dialog.js.zyzz.json +1 -1
  55. package/dist/web/components/Drawer.css +1 -1
  56. package/dist/web/components/Drawer.js.zyzz.json +1 -1
  57. package/dist/web/components/Empty.css +1 -1
  58. package/dist/web/components/Empty.js.zyzz.json +1 -1
  59. package/dist/web/components/Field.css +1 -1
  60. package/dist/web/components/Field.js.zyzz.json +1 -1
  61. package/dist/web/components/Fieldset.css +1 -1
  62. package/dist/web/components/Fieldset.js.zyzz.json +1 -1
  63. package/dist/web/components/Frame.css +1 -1
  64. package/dist/web/components/Frame.js.zyzz.json +1 -1
  65. package/dist/web/components/Gauge.css +1 -1
  66. package/dist/web/components/Gauge.js.zyzz.json +1 -1
  67. package/dist/web/components/GetStartedVisual.js.zyzz.json +1 -1
  68. package/dist/web/components/Grid.js.zyzz.json +1 -1
  69. package/dist/web/components/HeroVisual.css +1 -1
  70. package/dist/web/components/HeroVisual.js.zyzz.json +1 -1
  71. package/dist/web/components/Hex.js.zyzz.json +1 -1
  72. package/dist/web/components/IconTile.js.zyzz.json +1 -1
  73. package/dist/web/components/Identicon.js.zyzz.json +1 -1
  74. package/dist/web/components/Inline.js.zyzz.json +1 -1
  75. package/dist/web/components/Inset.js.zyzz.json +1 -1
  76. package/dist/web/components/Kbd.css +1 -1
  77. package/dist/web/components/Kbd.js.zyzz.json +1 -1
  78. package/dist/web/components/ListGroup.css +1 -1
  79. package/dist/web/components/ListGroup.js.zyzz.json +1 -1
  80. package/dist/web/components/LoadingDots.js.zyzz.json +1 -1
  81. package/dist/web/components/Menu.css +1 -1
  82. package/dist/web/components/Menu.js.zyzz.json +1 -1
  83. package/dist/web/components/NativeSelect.css +1 -1
  84. package/dist/web/components/NativeSelect.js.zyzz.json +1 -1
  85. package/dist/web/components/NetworkLogo.js.zyzz.json +1 -1
  86. package/dist/web/components/NumberField.js.zyzz.json +1 -1
  87. package/dist/web/components/OtpField.css +1 -1
  88. package/dist/web/components/OtpField.js.zyzz.json +1 -1
  89. package/dist/web/components/Pagination.css +1 -1
  90. package/dist/web/components/Pagination.js.zyzz.json +1 -1
  91. package/dist/web/components/Popover.css +1 -1
  92. package/dist/web/components/Popover.js.zyzz.json +1 -1
  93. package/dist/web/components/Progress.css +1 -1
  94. package/dist/web/components/Progress.js.zyzz.json +1 -1
  95. package/dist/web/components/Qr.js.zyzz.json +1 -1
  96. package/dist/web/components/RadioGroup.js.zyzz.json +1 -1
  97. package/dist/web/components/SecretValue.js.zyzz.json +1 -1
  98. package/dist/web/components/Select.js.zyzz.json +1 -1
  99. package/dist/web/components/Separator.css +1 -1
  100. package/dist/web/components/Separator.js.zyzz.json +1 -1
  101. package/dist/web/components/SidebarMenu.css +1 -1
  102. package/dist/web/components/SidebarMenu.js.zyzz.json +1 -1
  103. package/dist/web/components/Skeleton.js.zyzz.json +1 -1
  104. package/dist/web/components/Slider.css +1 -1
  105. package/dist/web/components/Slider.js.zyzz.json +1 -1
  106. package/dist/web/components/Snippet.js.zyzz.json +1 -1
  107. package/dist/web/components/Spinner.js.zyzz.json +1 -1
  108. package/dist/web/components/SplitBar.css +1 -1
  109. package/dist/web/components/SplitBar.js.zyzz.json +1 -1
  110. package/dist/web/components/SplitButton.js.zyzz.json +1 -1
  111. package/dist/web/components/Stack.js.zyzz.json +1 -1
  112. package/dist/web/components/StatusChip.css +1 -1
  113. package/dist/web/components/StatusChip.js.zyzz.json +1 -1
  114. package/dist/web/components/StatusIndicator.css +1 -1
  115. package/dist/web/components/StatusIndicator.js.zyzz.json +1 -1
  116. package/dist/web/components/StatusRow.css +1 -1
  117. package/dist/web/components/StatusRow.js.zyzz.json +1 -1
  118. package/dist/web/components/Stepper.js.zyzz.json +1 -1
  119. package/dist/web/components/SuccessHero.css +1 -1
  120. package/dist/web/components/SuccessHero.js.zyzz.json +1 -1
  121. package/dist/web/components/Surface.css +1 -1
  122. package/dist/web/components/Surface.js.zyzz.json +1 -1
  123. package/dist/web/components/Switch.js.zyzz.json +1 -1
  124. package/dist/web/components/Table.css +1 -1
  125. package/dist/web/components/Table.js.zyzz.json +1 -1
  126. package/dist/web/components/Tabs.css +1 -1
  127. package/dist/web/components/Tabs.js.zyzz.json +1 -1
  128. package/dist/web/components/TempoLogo.js.zyzz.json +1 -1
  129. package/dist/web/components/TextInput.js.zyzz.json +1 -1
  130. package/dist/web/components/Textarea.css +1 -1
  131. package/dist/web/components/Textarea.js.zyzz.json +1 -1
  132. package/dist/web/components/Toast.css +1 -1
  133. package/dist/web/components/Toast.js.zyzz.json +1 -1
  134. package/dist/web/components/Token.css +1 -1
  135. package/dist/web/components/Token.js.zyzz.json +1 -1
  136. package/dist/web/components/TokenLogo.js.zyzz.json +1 -1
  137. package/dist/web/components/Tooltip.css +1 -1
  138. package/dist/web/components/Tooltip.js.zyzz.json +1 -1
  139. package/dist/web/components/VerificationCode.css +1 -1
  140. package/dist/web/components/VerificationCode.js.zyzz.json +1 -1
  141. package/dist/web/components/Visual.css +1 -1
  142. package/dist/web/components/Visual.js.zyzz.json +1 -1
  143. package/dist/web/components/internal/Field.css +1 -1
  144. package/dist/web/components/internal/Field.js.zyzz.json +1 -1
  145. package/dist/web/components/internal/InputGroup.css +1 -1
  146. package/dist/web/components/internal/InputGroup.js.zyzz.json +1 -1
  147. package/dist/web/components/internal/Listbox.css +1 -1
  148. package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
  149. package/dist/web/components/internal/Streaks.js.zyzz.json +1 -1
  150. package/dist/web/index.js.zyzz.json +1 -1
  151. package/dist/web/vars.d.ts +8 -8
  152. package/dist/web/vars.d.ts.map +1 -1
  153. package/dist/web/vars.js.map +1 -1
  154. package/dist/web/vars.js.zyzz.json +1 -1
  155. package/dist/web/zyzz.config.d.ts +40 -40
  156. package/dist/web/zyzz.config.js.zyzz.json +1 -1
  157. package/package.json +1 -1
  158. package/src/web/README.md +1 -1
  159. package/src/web/components/AppShell.tsx +5 -0
  160. package/src/web/vars.ts +15 -14
package/dist/web/components/OtpField.css CHANGED
@@ -1 +1 @@
1
- .z_tds_2f_web-iELgRU0{appearance:none}.z_tds_2f_web-iELgRU1{background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-iELgRU2{border:none}.z_tds_2f_web-iELgRU3{box-sizing:border-box}.z_tds_2f_web-iELgRU4{caret-color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-iELgRU5{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-iELgRU6{outline-color:#0000}.z_tds_2f_web-iELgRU7{outline-offset:-1.5px}.z_tds_2f_web-iELgRU8{outline-style:solid}.z_tds_2f_web-iELgRU9{outline-width:1.5px}.z_tds_2f_web-iELgRUa{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-iELgRUb{text-align:center}.z_tds_2f_web-iELgRUc{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-iELgRUd{transition-property:background-color,opacity,outline-color}.z_tds_2f_web-iELgRUe{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-iELgRUf{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.32)}}.z_tds_2f_web-iELgRUg{&:where(:hover:not(:disabled)){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-iELgRUh{&:focus-visible{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-iELgRUi{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-iELgRUj{&[data-invalid],[data-invalid] &{background-color:var(--z-tds_2f_web-color-container-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-red-100,#eb341714),var(--z-tds_2f_web-color-accent-alpha-regular-red-200,#f55c4529)))}}.z_tds_2f_web-iELgRUk{[data-success] &{animation:z-kid-tds_2f_web_2f_otp_2d_field_2f_pop .32s var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1)) both}}.z_tds_2f_web-iELgRUl{[data-success] &{background-color:var(--z-tds_2f_web-color-container-positive,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-green-100,#13a96314),var(--z-tds_2f_web-color-accent-alpha-regular-green-200,#59e5a429)))}}.z_tds_2f_web-iELgRUm{[data-success] &:nth-child(2){animation-delay:40ms}}.z_tds_2f_web-iELgRUn{[data-success] &:nth-child(3){animation-delay:80ms}}.z_tds_2f_web-iELgRUo{[data-success] &:nth-child(4){animation-delay:.12s}}.z_tds_2f_web-iELgRUp{[data-success] &:nth-child(5){animation-delay:.16s}}.z_tds_2f_web-iELgRUq{[data-success] &:nth-child(6){animation-delay:.2s}}.z_tds_2f_web-iELgRUr{[data-success] &:nth-child(7){animation-delay:.24s}}.z_tds_2f_web-iELgRUs{[data-success] &:nth-child(8){animation-delay:.28s}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-iELgRUt{[data-success] &{animation:none}}}.z_tds_2f_web-iELgRUu{align-items:center}.z_tds_2f_web-iELgRUv{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-iELgRUw{display:flex}.z_tds_2f_web-iELgRUx{flex-wrap:nowrap}.z_tds_2f_web-iELgRUy{max-width:100%}.z_tds_2f_web-iELgRUz{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-iELgRU10{&>input{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-iELgRU11{&>input{flex:auto}}.z_tds_2f_web-iELgRU12{&>input{height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-iELgRU13{&>input{min-width:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-iELgRU14{&>input{font-family:var(--z-tds_2f_web-typography-body-b1Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-iELgRU15{&>input{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}.z_tds_2f_web-iELgRU16{&>input{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}.z_tds_2f_web-iELgRU17{&>input{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}}.z_tds_2f_web-iELgRU18{&>input{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}.z_tds_2f_web-iELgRU19{&>input{width:var(--z-tds_2f_web-spacing-44,2.75rem)}}.z_tds_2f_web-iELgRU1a{&>input:focus-visible{width:calc(2.75rem + 3px)}}.z_tds_2f_web-iELgRU1b{&[data-invalid]{animation:z-kid-tds_2f_web_2f_otp_2d_field_2f_nudge .36s var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-iELgRU1c{&[data-invalid]{animation:none}}}
1
+ .z_tds_2f_web-iELgRU0{appearance:none}.z_tds_2f_web-iELgRU1{background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-iELgRU2{border:none}.z_tds_2f_web-iELgRU3{box-sizing:border-box}.z_tds_2f_web-iELgRU4{caret-color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-iELgRU5{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-iELgRU6{outline-color:#0000}.z_tds_2f_web-iELgRU7{outline-offset:-1.5px}.z_tds_2f_web-iELgRU8{outline-style:solid}.z_tds_2f_web-iELgRU9{outline-width:1.5px}.z_tds_2f_web-iELgRUa{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-iELgRUb{text-align:center}.z_tds_2f_web-iELgRUc{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-iELgRUd{transition-property:background-color,opacity,outline-color}.z_tds_2f_web-iELgRUe{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-iELgRUf{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.32)}}.z_tds_2f_web-iELgRUg{&:where(:hover:not(:disabled)){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-iELgRUh{&:focus-visible{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-iELgRUi{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-iELgRUj{&[data-invalid],[data-invalid] &{background-color:var(--z-tds_2f_web-color-container-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-red-100,#eb341714),var(--z-tds_2f_web-color-accent-alpha-regular-red-200,#f55c4529)))}}.z_tds_2f_web-iELgRUk{[data-success] &{animation:z-kid-tds_2f_web_2f_otp_2d_field_2f_pop .32s var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1)) both}}.z_tds_2f_web-iELgRUl{[data-success] &{background-color:var(--z-tds_2f_web-color-container-positive,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-green-100,#13a96314),var(--z-tds_2f_web-color-accent-alpha-regular-green-200,#59e5a429)))}}.z_tds_2f_web-iELgRUm{[data-success] &:nth-child(2){animation-delay:40ms}}.z_tds_2f_web-iELgRUn{[data-success] &:nth-child(3){animation-delay:80ms}}.z_tds_2f_web-iELgRUo{[data-success] &:nth-child(4){animation-delay:.12s}}.z_tds_2f_web-iELgRUp{[data-success] &:nth-child(5){animation-delay:.16s}}.z_tds_2f_web-iELgRUq{[data-success] &:nth-child(6){animation-delay:.2s}}.z_tds_2f_web-iELgRUr{[data-success] &:nth-child(7){animation-delay:.24s}}.z_tds_2f_web-iELgRUs{[data-success] &:nth-child(8){animation-delay:.28s}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-iELgRUt{[data-success] &{animation:none}}}.z_tds_2f_web-iELgRUu{align-items:center}.z_tds_2f_web-iELgRUv{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-iELgRUw{display:flex}.z_tds_2f_web-iELgRUx{flex-wrap:nowrap}.z_tds_2f_web-iELgRUy{max-width:100%}.z_tds_2f_web-iELgRUz{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-iELgRU10{&>input{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-iELgRU11{&>input{flex:auto}}.z_tds_2f_web-iELgRU12{&>input{height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-iELgRU13{&>input{min-width:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-iELgRU14{&>input{font-family:var(--z-tds_2f_web-typography-body-b1Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-iELgRU15{&>input{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}.z_tds_2f_web-iELgRU16{&>input{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}.z_tds_2f_web-iELgRU17{&>input{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,-.18px)}}.z_tds_2f_web-iELgRU18{&>input{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}.z_tds_2f_web-iELgRU19{&>input{width:var(--z-tds_2f_web-spacing-44,2.75rem)}}.z_tds_2f_web-iELgRU1a{&>input:focus-visible{width:calc(2.75rem + 3px)}}.z_tds_2f_web-iELgRU1b{&[data-invalid]{animation:z-kid-tds_2f_web_2f_otp_2d_field_2f_nudge .36s var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-iELgRU1c{&[data-invalid]{animation:none}}}