.tekkl-input{--tekkl-input-height:var(--tekkl-input-height-md,40px);--tekkl-input-font-size:var(--tekkl-font-size-base,14px);--tekkl-input-padding-x:var(--tekkl-space-6,12px);--tekkl-input-radius:var(--tekkl-radius-sm,4px);--tekkl-input-bg:var(--tekkl-surface-container-low,#edf5fc);--tekkl-input-color:var(--tekkl-on-surface,#151d22);--tekkl-input-border:1px solid var(--tekkl-gray-20,#c0c8ce);--tekkl-input-shadow:var(--tekkl-shadow-lvl-1);width:100%;height:var(--tekkl-input-height);padding:0 var(--tekkl-input-padding-x);font-family:var(--tekkl-font-family,sans-serif);font-size:var(--tekkl-input-font-size);font-weight:500;line-height:var(--tekkl-input-height);color:var(--tekkl-input-color);background-color:var(--tekkl-input-bg);border:var(--tekkl-input-border);border-radius:var(--tekkl-input-radius);box-shadow:var(--tekkl-input-shadow);transition:var(--tekkl-transition-base);box-sizing:border-box;outline:none;display:block}.tekkl-input::placeholder{color:var(--tekkl-placeholder-color,#8a9297);opacity:.85;font-weight:400}.tekkl-input:hover:not(:disabled):not(.is-disabled):not([readonly]){background-color:var(--tekkl-surface-container,#e7eff6);border-color:var(--tekkl-gray-40,#8a9297)}.tekkl-input:focus:not(:disabled):not(.is-disabled){background-color:var(--tekkl-surface-container-lowest,#fff);border-color:var(--tekkl-blue,#218bb0);box-shadow:var(--tekkl-focus-ring-primary,0 0 0 3px #218bb059)}.tekkl-input--xs{--tekkl-input-height:28px;--tekkl-input-font-size:var(--tekkl-font-size-xs,12px);--tekkl-input-padding-x:8px}.tekkl-input--sm{--tekkl-input-height:32px;--tekkl-input-font-size:var(--tekkl-font-size-xs,12px);--tekkl-input-padding-x:10px}.tekkl-input--md{--tekkl-input-height:40px;--tekkl-input-font-size:var(--tekkl-font-size-base,14px);--tekkl-input-padding-x:12px}.tekkl-input--lg{--tekkl-input-height:48px;--tekkl-input-font-size:var(--tekkl-font-size-lg,16px);--tekkl-input-padding-x:16px}.tekkl-input--error{background-color:var(--tekkl-surface-container-lowest,#fff);border-color:var(--tekkl-red,#ff464a)!important}.tekkl-input--error:focus{box-shadow:var(--tekkl-focus-ring-error,0 0 0 3px #ff464a59)!important}.tekkl-input--warning{border-color:var(--tekkl-orange,#f2881d)!important}.tekkl-input--warning:focus{box-shadow:var(--tekkl-focus-ring-warning,0 0 0 3px #f2881d59)!important}.tekkl-input--success{border-color:var(--tekkl-green,#24a148)!important}.tekkl-input--success:focus{box-shadow:var(--tekkl-focus-ring-success,0 0 0 3px #24a14859)!important}.tekkl-input:disabled,.tekkl-input.is-disabled{background-color:var(--tekkl-surface-container-highest,#dce3ea);color:var(--tekkl-gray-40,#8a9297);border-color:var(--tekkl-gray-20,#c0c8ce);cursor:not-allowed;opacity:.7;box-shadow:none}.tekkl-input[readonly],.tekkl-input.is-readonly{-webkit-user-select:all;user-select:all;background-color:var(--tekkl-surface-container-low,#edf5fc);cursor:default}