.rounded-textfield{position:relative;display:flex;padding:9px 20px 9px 22px;align-items:center;gap:10px;flex-shrink:0;height:46px;border-radius:50px;border:1px solid var(--grey-1);color:var(--grey);background:var(--white)}.rounded-textfield.grey{border:1px solid var(--light-grey);background:var(--light-grey)}.rounded-textfield input,.rounded-textfield input::placeholder{font-size:17px;font-weight:400;line-height:130%;flex-grow:1}.rounded-textfield input{border-style:none;background:inherit;color:inherit;outline:none;width:100%}.rounded-textfield input::placeholder{color:var(--grey)}.rounded-textfield input:focus::placeholder{color:var(--white)}.rounded-textfield:has(input:focus),.rounded-textfield:has(input:not(:placeholder-shown):not(:focus)){color:var(--dark-main-color);background:var(--white);border:2px solid var(--light-main-color)}.rounded-textfield:has(input:focus){transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rounded-textfield svg{color:inherit;flex-shrink:0}.rounded-textfield.collapsed{&:has(input:not(:focus)){width:48px;padding:0;justify-content:center;overflow:clip;& input{position:absolute;left:0;top:0;width:100%;height:100%;background:none;z-index:1;opacity:0}& input::placeholder{opacity:0}& svg{color:var(--dark-main-color)}}&:has(input:focus){transition:width .2s ease;z-index:1}}