@layer theme,base,components,utilities;@layer forge{.ff-payment-blik-input{gap:var(--ff-spacing-2,.5rem);flex-direction:column;display:flex}.ff-payment-blik-input__label{color:var(--ff-color-neutral-700,#374151);font-size:var(--ff-font-size-sm,.875rem);font-weight:var(--ff-font-weight-medium,500)}.ff-payment-blik-input__digits{align-items:center;gap:var(--ff-spacing-2,.5rem);display:flex}.ff-payment-blik-input__separator{background-color:var(--ff-color-neutral-300,#d1d5db);block-size:2px;inline-size:var(--ff-spacing-3,.75rem);flex-shrink:0;order:4}.ff-payment-blik-input__digit{appearance:none;background-color:var(--ff-color-white,#fff);border:2px solid var(--ff-color-neutral-200,#e5e7eb);border-radius:var(--ff-radius-lg,.5rem);block-size:3.5rem;caret-color:var(--ff-color-primary,#3b82f6);color:var(--ff-color-neutral-900,#111827);font-family:var(--ff-font-mono,ui-monospace,monospace);font-size:var(--ff-font-size-xl,1.25rem);font-weight:var(--ff-font-weight-semibold,600);text-align:center;inline-size:3rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.ff-payment-blik-input__digit:nth-child(3){order:3}.ff-payment-blik-input__digit:nth-child(4){order:5}.ff-payment-blik-input__digit:nth-child(5){order:6}.ff-payment-blik-input__digit:nth-child(6){order:7}.ff-payment-blik-input__digit::placeholder{color:var(--ff-color-neutral-300,#d1d5db)}.ff-payment-blik-input__digit:hover:not(:disabled){border-color:var(--ff-color-neutral-300,#d1d5db)}.ff-payment-blik-input__digit:focus{border-color:var(--ff-color-primary,#3b82f6);box-shadow:0 0 0 3px var(--ff-color-primary-100,#dbeafe);outline:none}.ff-payment-blik-input__digit--filled{background-color:var(--ff-color-neutral-50,#f9fafb);border-color:var(--ff-color-neutral-300,#d1d5db)}.ff-payment-blik-input__digit:disabled{background-color:var(--ff-color-neutral-100,#f3f4f6);cursor:not-allowed;opacity:.7}.ff-payment-blik-input--error .ff-payment-blik-input__digit,.ff-payment-blik-input__digit--error{border-color:var(--ff-color-error,#ef4444)}.ff-payment-blik-input--error .ff-payment-blik-input__digit:focus,.ff-payment-blik-input__digit--error:focus{border-color:var(--ff-color-error,#ef4444);box-shadow:0 0 0 3px var(--ff-color-error-100,#fee2e2)}.ff-payment-blik-input__helper{color:var(--ff-color-neutral-500,#6b7280);font-size:var(--ff-font-size-xs,.75rem);margin:0}.ff-payment-blik-input__error{color:var(--ff-color-error,#ef4444);font-size:var(--ff-font-size-xs,.75rem);margin:0}@container (width<=360px){.ff-payment-blik-input__digit{block-size:3rem;font-size:var(--ff-font-size-lg,1.125rem);inline-size:2.5rem}.ff-payment-blik-input__separator{inline-size:var(--ff-spacing-2,.5rem)}}}
