/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme,base;@layer components{.Phnx-input-otp{font-family:var(--font-typography-font-family-display,var(--typography-font-family-display));flex-direction:column;align-items:flex-start;display:flex}.Phnx-input-otp--error{gap:var(--spacing-input-input-fields-gap-sm,var(--input-input-fields-gap-sm,.5rem))}.Phnx-input-otp__content{align-items:center;gap:var(--spacing-input-input-fields-gap-sm,var(--input-input-fields-gap-sm,.5rem));display:flex}.Phnx-input-otp__slot{height:var(--spacing-input-input-fields-height-md,var(--input-input-fields-height-md,3.375rem));max-width:var(--spacing-input-input-fields-max-width-xs,var(--input-input-fields-max-width-xs,3.375rem));min-width:var(--spacing-input-input-fields-min-width-2xs,var(--input-input-fields-min-width-2xs,2.5rem));flex-direction:column;justify-content:center;align-items:center;display:flex}.Phnx-input-otp__field{height:var(--spacing-input-input-fields-height-md,var(--input-input-fields-height-md,3.375rem));width:100%;width:var(--width-full,100%);max-width:var(--spacing-input-input-fields-max-width-xs,var(--input-input-fields-max-width-xs,3.375rem));min-width:var(--spacing-input-input-fields-min-width-2xs,var(--input-input-fields-min-width-2xs,2.5rem));cursor:text;border-radius:var(--radius-input-input-fields-radius-md,var(--input-input-fields-radius-md));border-style:var(--tw-border-style);border-width:var(--border-width-input-input-fields-stroke-weight-md,var(--input-input-fields-stroke-weight-md));--tw-border-style:solid;background-color:var(--color-input-input-fields-surface-field-default,var(--input-input-fields-surface-field-default));padding-inline:var(--spacing-input-input-fields-padding-h-xs,var(--input-input-fields-padding-h-xs,.25rem));padding-block:var(--spacing-input-input-fields-padding-v-xs,var(--input-input-fields-padding-v-xs,.25rem));--tw-duration:var(--transition-duration-motion-duration-20,var(--motion-duration-20));transition-property:background-color,border-color;transition-duration:var(--transition-duration-motion-duration-20,var(--motion-duration-20));--tw-ease:var(--ease-motion-easing-40,var(--motion-easing-40));transition-timing-function:var(--ease-motion-easing-40,var(--motion-easing-40));border-style:solid;border-color:#0000;justify-content:center;align-items:center;display:flex}.Phnx-input-otp__slot--active .Phnx-input-otp__field{border-color:var(--color-input-input-fields-stroke-color-default-active,var(--input-input-fields-stroke-color-default-active));background-color:var(--color-input-input-fields-surface-field-active,var(--input-input-fields-surface-field-active))}.Phnx-input-otp:not(.Phnx-input-otp--disabled) .Phnx-input-otp__slot:not(.Phnx-input-otp__slot--active):hover .Phnx-input-otp__field{background-color:var(--color-input-input-fields-surface-field-hovered,var(--input-input-fields-surface-field-hovered))}.Phnx-input-otp__slot--disabled .Phnx-input-otp__field{pointer-events:none;cursor:default;background-color:var(--color-input-input-fields-surface-field-disabled,var(--input-input-fields-surface-field-disabled))}.Phnx-input-otp--error .Phnx-input-otp__field,[data-invalid] .Phnx-input-otp__field,.Phnx-input-otp[data-invalid] .Phnx-input-otp__field{border-color:var(--color-input-input-fields-stroke-color-error-default,var(--input-input-fields-stroke-color-error-default))}.Phnx-input-otp--error .Phnx-input-otp__slot:not(.Phnx-input-otp__slot--active):hover .Phnx-input-otp__field,[data-invalid] .Phnx-input-otp__slot:not(.Phnx-input-otp__slot--active):hover .Phnx-input-otp__field,.Phnx-input-otp[data-invalid] .Phnx-input-otp__slot:not(.Phnx-input-otp__slot--active):hover .Phnx-input-otp__field{border-color:var(--color-input-input-fields-stroke-color-error-hovered,var(--input-input-fields-stroke-color-error-hovered))}.Phnx-input-otp--error .Phnx-input-otp__slot--active .Phnx-input-otp__field,[data-invalid] .Phnx-input-otp__slot--active .Phnx-input-otp__field,.Phnx-input-otp[data-invalid] .Phnx-input-otp__slot--active .Phnx-input-otp__field{border-color:var(--color-input-input-fields-stroke-color-error-active,var(--input-input-fields-stroke-color-error-active))}.Phnx-input-otp__value{font-size:var(--text-typography-font-size-body-md,var(--typography-font-size-body-md,.9375rem));--tw-leading:var(--leading-typography-line-height-body-md,var(--typography-line-height-body-md,22px));line-height:var(--leading-typography-line-height-body-md,var(--typography-line-height-body-md,22px));--tw-font-weight:var(--font-weight-typography-font-weight-body-default-md,var(--typography-font-weight-body-default-md,400));font-weight:var(--font-weight-typography-font-weight-body-default-md,var(--typography-font-weight-body-default-md,400));--tw-tracking:var(--tracking-typography-letter-spacing-body-md,var(--typography-letter-spacing-body-md,0));letter-spacing:var(--tracking-typography-letter-spacing-body-md,var(--typography-letter-spacing-body-md,0));white-space:nowrap;color:var(--color-input-input-fields-text-active,var(--input-input-fields-text-active));text-box-trim:trim-both;text-box-edge:cap alphabetic}.Phnx-input-otp__slot--disabled .Phnx-input-otp__value{color:var(--color-input-input-fields-text-disabled,var(--input-input-fields-text-disabled))}.Phnx-input-otp__dot{width:var(--spacing-input-input-fields-height-3xs,var(--input-input-fields-height-3xs,.75rem));height:var(--spacing-input-input-fields-height-3xs,var(--input-input-fields-height-3xs,.75rem));background-color:var(--color-input-input-fields-text-active,var(--input-input-fields-text-active));border-radius:3.40282e38px}.Phnx-input-otp__slot--disabled .Phnx-input-otp__dot{background-color:var(--color-input-input-fields-text-disabled,var(--input-input-fields-text-disabled))}.Phnx-input-otp__caret{height:var(--spacing-spacing-16,var(--spacing-16));width:var(--spacing-spacing-2,var(--spacing-2));background-color:var(--color-input-input-fields-text-default,var(--input-input-fields-text-default));animation:1s step-end infinite input-otp-blink}@keyframes input-otp-blink{0%,to{opacity:1}50%{opacity:0}}.Phnx-input-otp__slot--skeleton .Phnx-input-otp__field{pointer-events:none;border-radius:var(--radius-input-input-fields-radius-md,var(--input-input-fields-radius-md));background-color:var(--color-input-input-fields-surface-field-skeleton,var(--input-input-fields-surface-field-skeleton));border-color:#0000}.Phnx-input-otp__separator{height:var(--spacing-spacing-2,var(--spacing-2));width:var(--spacing-input-input-fields-gap-sm,var(--input-input-fields-gap-sm,.5rem));background-color:var(--color-input-input-fields-text-separator,var(--input-input-fields-text-separator));flex-shrink:0}.Phnx-input-otp__helper{font-size:var(--text-typography-font-size-metadata-caption,var(--typography-font-size-metadata-caption,.75rem));--tw-leading:var(--leading-typography-line-height-metadata-caption,var(--typography-line-height-metadata-caption,16px));line-height:var(--leading-typography-line-height-metadata-caption,var(--typography-line-height-metadata-caption,16px));--tw-font-weight:var(--font-weight-typography-font-weight-metadata-caption,var(--typography-font-weight-metadata-caption,400));font-weight:var(--font-weight-typography-font-weight-metadata-caption,var(--typography-font-weight-metadata-caption,400));--tw-tracking:var(--tracking-typography-letter-spacing-metadata-caption,var(--typography-letter-spacing-metadata-caption,0));letter-spacing:var(--tracking-typography-letter-spacing-metadata-caption,var(--typography-letter-spacing-metadata-caption,0));color:var(--color-input-input-fields-text-error,var(--input-input-fields-text-error));text-box-trim:trim-both;text-box-edge:cap alphabetic}.Phnx-input-otp__input{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){.Phnx-input-otp__field{transition-duration:0s}.Phnx-input-otp__caret{animation:none}}}@layer utilities;@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
