@layer equip{.eq-pin-input{gap:var(--eq-space-1);min-width:0;max-width:100%;font-family:var(--eq-font);color:var(--eq-ink);flex-direction:column;display:inline-flex}.eq-pin-input-label{width:fit-content;font:var(--eq-weight-strong) var(--eq-text-s) / 1.3 var(--eq-font);color:var(--eq-ink)}.eq-pin-input-boxes{align-items:center;gap:var(--eq-space-1);display:flex}.eq-pin-input-box{box-sizing:border-box;width:calc(var(--eq-h-m) - 4px);min-width:calc(1ch + 8px);height:var(--eq-h-m);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);color:var(--eq-ink);caret-color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-l) / 1 var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);text-align:center;appearance:none;transition:border-color var(--eq-dur) var(--eq-ease), background-color var(--eq-dur) var(--eq-ease);flex:0 auto;margin:0;padding:0}.eq-pin-input-box[data-filled]{border-color:color-mix(in srgb, var(--eq-line-strong), var(--eq-ink) 30%)}.eq-pin-input-box[data-landed=a]{animation:eq-pin-input-land-a var(--eq-dur-move) var(--eq-spring)}.eq-pin-input-box[data-landed=b]{animation:eq-pin-input-land-b var(--eq-dur-move) var(--eq-spring)}@keyframes eq-pin-input-land-a{0%{scale:.86}}@keyframes eq-pin-input-land-b{0%{scale:.86}}@media (hover:hover){.eq-pin-input-box:hover:where(:not(:disabled,[aria-invalid=true])){border-color:color-mix(in srgb, var(--eq-line-strong), var(--eq-ink) 45%)}}.eq-pin-input-box:focus-visible{outline:2px solid var(--eq-focus);outline-offset:-1px}.eq-pin-input-box[aria-invalid=true]{border-color:var(--eq-danger)}.eq-pin-input-box:disabled{opacity:.45;cursor:not-allowed}.eq-pin-input-gap{width:var(--eq-space-2);border-radius:var(--eq-radius-full);background:var(--eq-line-strong);flex:none;height:2px}.eq-pin-input-hint,.eq-pin-input-error{font:var(--eq-weight) var(--eq-text-s) / 1.4 var(--eq-font);margin:0}.eq-pin-input-hint{color:var(--eq-ink-2)}.eq-pin-input-error{color:var(--eq-danger)}}