.tekkl-input-group{--tekkl-input-group-height:var(--tekkl-input-height-md,42px);--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;flex-direction:row;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:auto;align-items:center;min-width:0;height:100%;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;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.tekkl-input-group__addon svg{width:18px;height:18px;color:var(--tekkl-gray-60,#585f65);flex-shrink:0}.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--filled{--tekkl-input-group-bg:var(--tekkl-surface-container-low,#edf5fc);--tekkl-input-group-border:1px solid transparent;--tekkl-input-group-radius:var(--tekkl-radius-lg,8px);box-shadow:inset 0 2px 3px #0000000f}.tekkl-input-group--filled:hover:not(:focus-within):not(.is-disabled){background-color:var(--tekkl-surface-container,#e7eff6);border-color:#0000}.tekkl-input-group--filled:focus-within:not(.is-disabled){background-color:var(--tekkl-surface-container-lowest,#fff);border-color:#007ea2;box-shadow:0 0 0 2px #007ea2}.tekkl-input-group--filled .tekkl-input-group__addon{color:var(--tekkl-gray-60,#585f65);background:0 0;border:none;padding:0 0 0 12px}.tekkl-input-group--filled .tekkl-input-group__addon svg{color:currentColor;flex-shrink:0;width:18px;height:18px}.tekkl-input-group--filled .tekkl-input-group__addon--trailing{padding:0 12px 0 0}.tekkl-input-group--filled .tekkl-input-group__action{border-left:none}.tekkl-input-group--filled .tekkl-input-group__body .tekkl-input,.tekkl-input-group--filled .tekkl-input-group__body input{padding-left:8px;padding-right:12px;box-shadow:none!important;background:0 0!important;border:none!important}.tekkl-input-group--filled .tekkl-input-group__body .tekkl-input::placeholder,.tekkl-input-group--filled .tekkl-input-group__body input::placeholder{color:var(--tekkl-outline,#6f787e);font-weight:400}.tekkl-input-group--filled .tekkl-input-group__body:first-child .tekkl-input,.tekkl-input-group--filled .tekkl-input-group__body:first-child input{padding-left:12px}.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__addon svg{width:14px;height:14px}.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__addon svg{width:16px;height:16px}.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:42px;font-size:var(--tekkl-font-size-base,14px)}.tekkl-input-group--md__addon{padding:0 12px}.tekkl-input-group--md__addon svg{width:18px;height:18px}.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__addon svg{width:20px;height:20px}.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}