@layer ui{.ui-code-input__box{position:relative}.ui-code-input__slots{align-items:center;gap:8px;display:flex}.ui-code-input__slot{aspect-ratio:1;border-radius:var(--ui-radius-lg);background:var(--ui-bg-primary);max-width:64px;box-shadow:inset 0 0 0 1px var(--ui-border-primary), var(--ui-shadow-xs);color:var(--lightningcss-light,var(--ui-neutral-300))var(--lightningcss-dark,var(--ui-neutral-700));font-size:var(--ui-font-size-display-sm);line-height:var(--ui-line-height-display-sm);font-weight:var(--ui-weight-medium);letter-spacing:var(--ui-tracking-display);font-variant-numeric:tabular-nums;transition:box-shadow var(--ui-duration) var(--ui-ease);flex:1 1 0;justify-content:center;align-items:center;display:flex}.ui-code-input__slot--filled{color:var(--ui-text-brand-tertiary-alt)}.ui-code-input__slot--active{box-shadow:inset 0 0 0 2px var(--ui-border-brand), var(--ui-shadow-xs)}.ui-field--invalid .ui-code-input__slot{box-shadow:inset 0 0 0 1px var(--ui-border-error-subtle), var(--ui-shadow-xs)}.ui-field--invalid .ui-code-input__slot--active{box-shadow:inset 0 0 0 2px var(--ui-border-error), var(--ui-shadow-xs)}.ui-field--disabled .ui-code-input__slots{opacity:.5}.ui-code-input__separator{color:var(--ui-text-placeholder);font-size:var(--ui-font-size-display-sm);line-height:var(--ui-line-height-display-sm);font-weight:var(--ui-weight-medium);flex:none}.ui-code-input__control{color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.ui-code-input__control:disabled{cursor:not-allowed}}