.fine-input{display:inline-block;width:100%;position:relative;font-size:0}.fine-input:hover .fine-input-right-icon .fine-icon.icon-error{opacity:1}.fine-input-current{border-radius:3px;border:var(--fine-input-border);outline:0;color:inherit;transition:all var(--fine-input-transition-duration)}.fine-input-current:focus{border-color:var(--fine-input-on-focus-border-color);box-shadow:0 0 .5px 2px rgba(76,149,251,.3)}.fine-input-current::-webkit-input-placeholder{color:var(--fine-input-placeholder-color)}.fine-input-current.fine-input-disabled{cursor:not-allowed}.fine-input-size-large{height:var(--fine-input-large-height);width:var(--fine-input-large-width);padding:var(--fine-input-large-padding);font-size:var(--fine-input-large-size)}.fine-input-size-default{height:var(--fine-input-default-height);width:var(--fine-input-default-width);padding:var(--fine-input-default-padding);font-size:var(--fine-input-default-size)}.fine-input-size-small{height:var(--fine-input-small-height);width:var(--fine-input-small-width);padding:var(--fine-input-small-padding);font-size:var(--fine-input-small-size)}.fine-input-has-lefticon{padding-left:30px}.fine-input-has-clearable,.fine-input-has-righticon{padding-right:30px}.fine-input-has-clearable.fine-input-has-righticon,.fine-input-has-righticon.fine-input-has-clearable{padding-right:55px}.fine-input-icon{position:absolute;top:0;width:25px;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#ccc}.fine-input-icon .fine-icon{font-size:inherit}.fine-input-left-icon{left:5px}.fine-input-right-icon{right:5px}.fine-input-right-icon .fine-icon.icon-error{opacity:0}.fine-input-has-clear-icon{width:50px;justify-content:space-around}