.input{display:flex;flex-direction:column}.input--label-left{flex-direction:row;align-items:center;gap:12px}.input__label{color:var(--text-color,#333333);font-size:15px;font-weight:500;margin-bottom:2px}.input--label-left .input__label{margin-bottom:0;min-width:fit-content}.input__field{color:var(--text-color,#333333);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%}.input__field--textarea{min-height:100px;resize:vertical;font-family:inherit;line-height:1.5}.input__field--error{border-color:#ef4444}.input__field--error:focus{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.2)}.input--copyable .input__container{position:relative;display:flex;align-items:center;width:100%}.input--copyable .input__field{padding-right:40px}.input__copy-button{position:absolute;right:5px;cursor:pointer;border-radius:4px;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1}.input__copy-button-icon{padding:4px;background:white;border-radius:4px}.input__copy-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:calc(4px + 2px);background:linear-gradient(90deg,#444AFE,#DA46C3 25%,#5F00AD 50%,#DA46C3 75%,#444AFE);background-size:200% 100%;background-position:200% 0;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:-7}.input__copy-button:hover:before{opacity:1;animation:gradientShift 5s linear infinite}.input__copy-button:active{background:#ffffff}@keyframes gradientShift{0%{background-position:200% 0}to{background-position:-200% 0}}