.tekkl-input-group{--tekkl-input-group-height:var(--tekkl-input-height-md,40px);--tekkl-input-group-radius:var(--tekkl-radius-sm,4px);--tekkl-input-group-bg:var(--tekkl-surface-container-low,#edf5fc);--tekkl-input-group-border:1px solid var(--tekkl-gray-20,#c0c8ce);width:100%;height:var(--tekkl-input-group-height);background-color:var(--tekkl-input-group-bg);border:var(--tekkl-input-group-border);border-radius:var(--tekkl-input-group-radius);box-shadow:var(--tekkl-shadow-lvl-1);transition:var(--tekkl-transition-base);box-sizing:border-box;align-items:stretch;display:flex;overflow:hidden}.tekkl-input-group:hover:not(:focus-within):not(.is-disabled){border-color:var(--tekkl-gray-40,#8a9297)}.tekkl-input-group:focus-within: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-group__body{flex:1;align-items:center;min-width:0;display:flex}.tekkl-input-group__body .tekkl-input,.tekkl-input-group__body input{width:100%;height:100%;font-family:var(--tekkl-font-family,sans-serif);font-size:var(--tekkl-font-size-base,14px);color:var(--tekkl-on-surface,#151d22);box-sizing:border-box;padding:0 12px;font-weight:500;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.tekkl-input-group__body .tekkl-input::placeholder,.tekkl-input-group__body input::placeholder{color:var(--tekkl-placeholder-color,#8a9297);font-weight:400}.tekkl-input-group__addon{font-family:var(--tekkl-font-family,sans-serif);color:var(--tekkl-gray-70,#41484d);background-color:var(--tekkl-surface-container,#e7eff6);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.tekkl-input-group__addon svg{color:var(--tekkl-gray-60,#585f65)}.tekkl-input-group__addon--leading{border-right:1px solid var(--tekkl-gray-20,#c0c8ce)}.tekkl-input-group__addon--trailing{border-left:1px solid var(--tekkl-gray-20,#c0c8ce)}.tekkl-input-group__action{border-left:1px solid var(--tekkl-gray-20,#c0c8ce);align-items:stretch;display:flex}.tekkl-input-group__action .tekkl-button,.tekkl-input-group__action button{height:100%;padding-left:14px;padding-right:14px;box-shadow:none!important;border:none!important;border-radius:0!important}.tekkl-input-group--xs{--tekkl-input-group-height:28px;font-size:var(--tekkl-font-size-xs,12px)}.tekkl-input-group--xs__addon{padding:0 8px;font-size:11px}.tekkl-input-group--xs__body .tekkl-input,.tekkl-input-group--xs__body input{font-size:var(--tekkl-font-size-xs,12px);padding:0 8px}.tekkl-input-group--sm{--tekkl-input-group-height:32px;font-size:var(--tekkl-font-size-xs,12px)}.tekkl-input-group--sm__addon{padding:0 10px;font-size:11px}.tekkl-input-group--sm__body .tekkl-input,.tekkl-input-group--sm__body input{font-size:var(--tekkl-font-size-xs,12px);padding:0 10px}.tekkl-input-group--md{--tekkl-input-group-height:40px;font-size:var(--tekkl-font-size-base,14px)}.tekkl-input-group--lg{--tekkl-input-group-height:48px;font-size:var(--tekkl-font-size-lg,16px)}.tekkl-input-group--lg__addon{padding:0 16px;font-size:14px}.tekkl-input-group--lg__body .tekkl-input,.tekkl-input-group--lg__body input{font-size:var(--tekkl-font-size-lg,16px);padding:0 16px}.tekkl-input-group--error{border-color:var(--tekkl-red,#ff464a)!important}.tekkl-input-group--error:focus-within{box-shadow:var(--tekkl-focus-ring-error,0 0 0 3px #ff464a59)!important}.tekkl-input-group--warning{border-color:var(--tekkl-orange,#f2881d)!important}.tekkl-input-group--warning:focus-within{box-shadow:var(--tekkl-focus-ring-warning,0 0 0 3px #f2881d59)!important}.tekkl-input-group--success{border-color:var(--tekkl-green,#24a148)!important}.tekkl-input-group--success:focus-within{box-shadow:var(--tekkl-focus-ring-success,0 0 0 3px #24a14859)!important}.tekkl-input-group.is-disabled{background-color:var(--tekkl-surface-container-highest,#dce3ea);opacity:.7;cursor:not-allowed}.tekkl-input-group.is-disabled *{cursor:not-allowed!important}