.input-container{--border-color:var(--border-1);--shadow-color:transparent;--icon-color:var(--text-4);flex-direction:column;height:6.4rem;display:flex}.input-container.md{height:4rem}:is(.input-container:has(input:focus) .input-label,.input-container:has(input.has-value) .input-label){font-size:2rem}@media (min-width:1100px){:is(.input-container:has(input:focus) .input-label,.input-container:has(input.has-value) .input-label){font-size:1.67rem}}@media (min-width:1280px){:is(.input-container:has(input:focus) .input-label,.input-container:has(input.has-value) .input-label){font-size:1.25rem}}@media (min-width:1536px){:is(.input-container:has(input:focus) .input-label,.input-container:has(input.has-value) .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{color:var(--text-1);cursor:text;font-style:normal;font-weight:500;line-height:142.857%}.input-container .input-section{border:1px solid var(--border-color);cursor:text;border-radius:.8rem;align-self:stretch;align-items:center;gap:.8rem;height:100%;padding:0 1.4rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.input-container .input-section input,.input-container .input-section textarea{background:0 0;outline:none;font-size:2.33rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@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{opacity:0;min-width:0;height:0;font-style:normal;font-weight:400;line-height:150%}.input-container .input-section input:focus,.input-container .input-section input.has-value,.input-container .input-section textarea:focus,.input-container .input-section textarea.has-value{opacity:1;height:2.5rem}.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}