@layer base{.pin-input{gap:.5rem;display:inline-flex}.pin-input-cell{--pin-input-size:calc(var(--size-field,.25rem) * 10);width:calc(var(--pin-input-size) * .8);height:var(--pin-input-size);text-align:center;font-variant-numeric:tabular-nums;color:var(--color-base-content);background-color:var(--color-base-100);border-width:var(--border,1px);border-style:solid;border-color:var(--pin-input-border,var(--pin-input-accent,var(--color-base-300)));border-radius:var(--radius-field,.25rem);appearance:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));padding:0;font-size:1.125rem;line-height:1;display:block}.pin-input-cell::placeholder{color:var(--color-base-content);opacity:.35}.pin-input-cell:focus,.pin-input-cell:focus-visible{outline:var(--focus-width,2px) solid var(--pin-input-accent,var(--color-primary));outline-offset:var(--focus-offset,2px);border-color:var(--pin-input-accent,var(--color-primary))}.pin-input-cell:disabled,.pin-input-cell[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity,.5)}.pin-input-cell[data-filled=true]{border-color:var(--pin-input-accent,var(--color-base-content))}.pin-input-cell-xs{--pin-input-size:calc(var(--size-field,.25rem) * 6);font-size:.8125rem}.pin-input-cell-sm{--pin-input-size:calc(var(--size-field,.25rem) * 8);font-size:.9375rem}.pin-input-cell-md{--pin-input-size:calc(var(--size-field,.25rem) * 10);font-size:1.125rem}.pin-input-cell-lg{--pin-input-size:calc(var(--size-field,.25rem) * 12);font-size:1.25rem}.pin-input-cell-xl{--pin-input-size:calc(var(--size-field,.25rem) * 14);font-size:1.5rem}.pin-input-cell-primary{--pin-input-accent:var(--color-primary);--pin-input-border:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-primary{--pin-input-border:color-mix(in oklab,var(--color-primary) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-primary{--pin-input-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-primary{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-secondary{--pin-input-accent:var(--color-secondary);--pin-input-border:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-secondary{--pin-input-border:color-mix(in oklab,var(--color-secondary) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-secondary{--pin-input-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-secondary{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-accent{--pin-input-accent:var(--color-accent);--pin-input-border:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-accent{--pin-input-border:color-mix(in oklab,var(--color-accent) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-accent{--pin-input-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-accent{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-neutral{--pin-input-accent:var(--color-neutral);--pin-input-border:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-neutral{--pin-input-border:color-mix(in oklab,var(--color-neutral) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-neutral{--pin-input-ink:var(--color-base-content)}.pin-input-cell-info{--pin-input-accent:var(--color-info);--pin-input-border:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-info{--pin-input-border:color-mix(in oklab,var(--color-info) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-info{--pin-input-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-info{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-success{--pin-input-accent:var(--color-success);--pin-input-border:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-success{--pin-input-border:color-mix(in oklab,var(--color-success) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-success{--pin-input-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-success{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-warning{--pin-input-accent:var(--color-warning);--pin-input-border:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-warning{--pin-input-border:color-mix(in oklab,var(--color-warning) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-warning{--pin-input-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-warning{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-error{--pin-input-accent:var(--color-error);--pin-input-border:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-error{--pin-input-border:color-mix(in oklab,var(--color-error) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-error{--pin-input-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-error{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.pin-input-cell-brand{--pin-input-accent:var(--color-brand);--pin-input-border:var(--color-brand)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-brand{--pin-input-border:color-mix(in oklab,var(--color-brand) var(--field-border-tint,45%),var(--color-base-100))}}.pin-input-cell-brand{--pin-input-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.pin-input-cell-brand{--pin-input-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}