.vin-input{display:flex;flex-direction:column;gap:8px;max-width:600px;width:100%}.vin-input__field-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.vin-input__input-wrap{position:relative;display:flex;flex-direction:row;flex:1 1 12rem;min-width:0;align-items:center}.vin-input__counter{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--text-color-secondary);pointer-events:none;font-variant-numeric:tabular-nums;transition:color .2s}.vin-input__scan{display:none;place-items:center;flex-shrink:0;width:38px;height:38px;min-height:38px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-color);cursor:pointer;line-height:0;transition:background .2s,color .2s}.vin-input__scan:disabled{opacity:.55;cursor:default}.vin-input__scan-icon{display:block;width:34px;height:34px;flex-shrink:0}.vin-input--with-scan .vin-input__scan{display:grid}.vin-input--compact{max-width:320px}.vin-input--compact .vin-input__counter{font-size:.62rem;right:8px}@media(max-width:520px){.vin-input--hero .vin-input__scan{display:grid;width:38px;height:38px;min-height:38px}.vin-input--hero .vin-input__scan-icon{width:34px;height:34px}}