.input-container{display:flex;flex-direction:column;--border-color:var(--border-1);--shadow-color:transparent;--icon-color:var(--text-4);height:6.4rem}.input-container.md{height:4rem}.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:2rem}@media (min-width:1100px){.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:1.67rem}}@media (min-width:1280px){.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:1.25rem}}@media (min-width:1536px){.input-container:has(input.has-value) .input-label,.input-container:has(input:focus) .input-label{font-size:1.17rem}}.input-container .input-label{font-size:2rem}@media (min-width:1100px){.input-container .input-label{font-size:1.67rem}}@media (min-width:1280px){.input-container .input-label{font-size:1.25rem}}@media (min-width:1536px){.input-container .input-label{font-size:1.17rem}}.input-container .input-label{font-style:normal;font-weight:500;line-height:142.857%;color:var(--text-1);cursor:text}.input-container .input-section{display:flex;align-items:center;padding:0 1.4rem;gap:.8rem;height:100%;align-self:stretch;transition:all .2s;border-radius:.8rem;border:1px solid var(--border-color);cursor:text;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input-container .input-section input,.input-container .input-section textarea{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:none;background:transparent;font-size:2.33rem}@media (min-width:1100px){.input-container .input-section input,.input-container .input-section textarea{font-size:1.94rem}}@media (min-width:1280px){.input-container .input-section input,.input-container .input-section textarea{font-size:1.25rem}}@media (min-width:1536px){.input-container .input-section input,.input-container .input-section textarea{font-size:1.2rem}}.input-container .input-section input,.input-container .input-section textarea{font-style:normal;font-weight:400;line-height:150%;min-width:0;height:0;opacity:0}.input-container .input-section input.has-value,.input-container .input-section input:focus,.input-container .input-section textarea.has-value,.input-container .input-section textarea:focus{height:2.5rem;opacity:1}.input-container .input-section svg{color:var(--icon-color);width:1.5rem;height:1.5rem}.input-container:focus-within,.input-container:hover{--border-color:var(--primary)}.input-container.has-error{--border-color:var(--error);--icon-color:var(--error)}.input-container .error-message{color:var(--error)}.kafi-pro-layout .input-container{height:5.6rem}