div.input{display:flex;flex-direction:column;gap:5px}div.input .input-section{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;background-color:var(--background-gray);border-radius:10px;padding:10px}div.input.error .input-section{border:3px solid rgba(255,0,0,.1)}div.input .input-label{position:absolute;top:-5px;left:12px;font-size:12px;color:var(--text-muted);opacity:0}div.input .input-label.visible{opacity:1}div.input input{width:100%;color:var(--text);background-color:var(--background-gray);border:none}div.input input::placeholder{color:var(--text-muted)}div.input.disabled{filter:brightness(85%)}div.input .iconBefore,div.input .iconAfter{fill:var(--text-muted);stroke:var(--text-muted)}div.input .delete{cursor:pointer;fill:var(--text-muted);stroke:var(--text-muted);transition:all .2s ease}div.input .delete:hover,div.input .delete:focus{scale:102%}div.input .delete:active{scale:98%}div.input .hint-error{color:var(--text-muted);padding:0 10px;font-size:12px}div.input .hint-error.error{color:var(--red)}