.octonovus-app .oct-custom-input-with-icon{position:relative}.octonovus-app .oct-custom-input-with-icon .oct-icon-container{position:absolute;top:50%;right:calc(.75 * var(--space));transform:translateY(-50%);transition:.2s;cursor:not-allowed}.octonovus-app .oct-custom-input-with-icon .oct-icon-container .icon{color:hsl(var(--font-color-1-hs),calc(var(--font-color-1-l) + var(--font-lightness)),1);opacity:.5;font-size:1em}.octonovus-app .oct-custom-input-with-icon .oct-icon-container__enabled{cursor:pointer}.octonovus-app .oct-custom-input-with-icon .oct-icon-container__enabled .icon{opacity:1}.octonovus-app .oct-custom-input-with-icon input{display:block;width:100%;padding:0 calc(2 * var(--space)) 0 calc(.75 * var(--space));font-size:1em;height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--color-1);border:1px solid var(--color-3);color:hsl(var(--font-color-3-hs),calc(var(--font-color-3-l) + var(--font-lightness)),1)}.octonovus-app .oct-custom-input-with-icon input::placeholder{font-size:.857em}.octonovus-app .oct-custom-input-with-icon input:focus{background:var(--color-1);color:hsl(var(--font-color-1-hs),calc(var(--font-color-1-l) + var(--font-lightness)),1);border-color:var(--color-4);box-shadow:0 0 4px #8f949d80;outline:none}.octonovus-app .oct-custom-input-with-icon input:focus::placeholder{visibility:hidden}.octonovus-app .oct-custom-input-with-icon .oct-input-error-message{position:absolute;font-size:.75em;bottom:3px;right:12px;color:var(--danger-color)}.octonovus-app .oct-custom-input-with-icon.oct-custom-input-error input,.octonovus-app .oct-custom-input.oct-custom-input-error input{border-color:var(--danger-color)}