.input-wrapper{position:relative;display:flex;flex-direction:column;gap:8px;width:100%}.input-wrapper .input-label{font-size:11px;font-weight:300;color:#525252}.input-wrapper .input-label .required{color:#fb2c36;margin-left:2px}.input-wrapper .input-container-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.input-wrapper .input-container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:4px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.25);background:#fefefe;transition:border-color .3s,box-shadow .3s}.input-wrapper .input-container[data-size=sm]{padding:4px 12px}.input-wrapper .input-container[data-size=md]{padding:7px 12px}.input-wrapper .input-container[data-size=lg]{padding:10px 12px}.input-wrapper .input-container.invalid{border:1px solid #fb2c36;box-shadow:0 0 4px 0 #fb2c36}.input-wrapper .input-container.disabled{opacity:.4;border-color:#d4d4d4;background:#e5e5e5;cursor:not-allowed;z-index:1}.input-wrapper .input-container .input-icon{display:flex;align-items:center;justify-content:center}.input-wrapper .input-container .input-icon.left{margin-right:4px}.input-wrapper .input-container .input-icon.right{margin-left:4px}.input-wrapper .input-container .input{position:relative;display:flex;flex-grow:1;border:none;font-size:13px;font-weight:400;color:#262626;background:rgba(0,0,0,0)}.input-wrapper .input-container .input::placeholder{color:#e5e5e5}.input-wrapper .input-container .input:disabled{background:#e5e5e5;color:#737373;cursor:not-allowed}.input-wrapper .input-container .input:focus{outline:none}.input-wrapper .input-description{display:flex;align-items:center;gap:2px;font-size:9px;font-weight:300;color:#262626}.input-wrapper .input-description.error{color:#fb2c36}