.input-wrapper{position:relative;width:100%;padding:0;background-color:transparent;transition:all .2s ease-in-out}.input-field{flex:1;border:none;outline:none;background-color:transparent;color:var(--text-color);font-size:1rem;font-family:inherit;padding:0;margin:0;width:100%}.input-field::placeholder{color:var(--text-color);opacity:.5}.input-field:disabled{opacity:.6;cursor:not-allowed}.input-outlined{border:2px solid var(--input-border-color);border-radius:4px;box-sizing:border-box;padding:var(--control-padding-y) var(--control-padding-x);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.input-outlined.input-focused{border-color:#1976d2;box-shadow:0 0 0 3px #1976d233}.input-outlined .input-field{padding:0;font-size:.9375rem;line-height:var(--control-line-height);box-sizing:border-box}.input-outlined.input-with-start-icon{padding-left:2rem}.input-outlined.input-with-clear{padding-right:2rem}.input-underlined{border-bottom:1px solid rgba(0,0,0,.3);padding:16px 0 8px;transition:border-bottom-color .2s ease-in-out,box-shadow .2s ease-in-out}.input-underlined.input-focused{border-bottom-color:#1976d2;border-bottom-width:2px;padding-bottom:7px;box-shadow:0 2px #1976d24d}.input-underlined .input-field{padding:0}.input-underlined.input-with-clear .input-field{padding-right:1.5rem}.input-underlined.input-with-start-icon .input-field{padding-left:2.5rem}.input-start-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--input-border-color);opacity:.85;pointer-events:none;z-index:1}.clear-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;pointer-events:none}.clear-icon.visible{opacity:.6;visibility:visible;pointer-events:auto}.clear-icon:hover{opacity:1}