.input{display:flex;flex-direction:column}.input__label{font-size:15px;font-weight:500;margin-bottom:2px}.input__field,.input__label{color:var(--text-color,#333333)}.input__field{border:1px solid var(--text-color,#333);border-radius:var(--radius,5px);padding:8px 12px;font-size:16px;background:#fff;outline:none;transition:box-shadow .2s,border-color .2s,transform .2s ease-in-out,background .1s ease-in-out}.input__field:active{background:#EEE}.input__field:focus,.input__field:hover{box-shadow:var(--dropshadow-gray)}.input__field::placeholder{color:#AAAAAA;opacity:1}.input__field--small{min-width:120px;max-width:200px}.input__field--medium{min-width:180px;max-width:320px}.input__field--large{min-width:240px;max-width:480px}.input__field--all-width{width:100%;min-width:0;max-width:100%}