.input{display:flex;align-items:center;justify-content:space-between;border-radius:12px;padding:4px 16px;height:32px;flex-shrink:0}.input.white{border:1px solid #fff;background:hsla(0,0%,100%,.5)}.input.white input::placeholder{color:#000}.input.green{border:1px solid #708f62}.input.green input::placeholder{color:#888}.input.transparent{border:1px solid #000}.input.transparent input::placeholder{color:#bebebe}.input.gray{border:1px solid rgba(17,17,17,.2);background:rgba(110,143,114,.1)}.input.gray input::placeholder{color:#000}.input.suffix{padding:0 0 0 16px;overflow:hidden}.input.suffix button{padding:8px 24px;justify-content:center;align-items:center;gap:4px}.input.suffix button span{white-space:nowrap}.input.suffix.green button{background:#708f62}.input.suffix.gray button,.input.suffix.transparent button,.input.suffix.white button{background:#000}.input input{width:100%}.input input::-webkit-inner-spin-button,.input input::-webkit-outer-spin-button{-webkit-appearance:none}.input input::placeholder{font-size:16px}.input input[type=file]{display:none}.input label{justify-content:center;gap:8px;display:flex;align-items:center;width:100%;cursor:pointer}.input button{display:flex}