.tbn-input-group{--input-bg:transparent;--input-bg-hover:transparent;--input-border:transparent;--input-border-hover:var(--input-border);--input-border-focus:var(--input-border);--input-focus-ring:transparent;box-sizing:border-box;background-color:var(--input-bg);border:1px solid var(--input-border);width:auto;height:calc(var(--spacing,.25rem) * 11);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-field,0);padding-inline:calc(var(--spacing,.25rem) * 3);transition:border-color .1s ease-out,background-color .1s ease-out,box-shadow .1s ease-out;display:flex}@media (prefers-reduced-motion:reduce){.tbn-input-group{transition-property:none}}@media (hover:hover){.tbn-input-group:not(:has([data-disabled])):not(:has([readonly])):hover{background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}}.tbn-input-group:focus-within{border-color:var(--input-border-focus)}.tbn-input-group:has(:focus-visible){box-shadow:0 0 0 3px var(--input-focus-ring)}.tbn-input-group:has([data-invalid]){--input-bg:var(--tbn-status-error-bg);--input-border:var(--tbn-field-border-error)}.tbn-input-group:has([data-disabled]){pointer-events:none;cursor:not-allowed;background-color:var(--tbn-bg-page);border-color:var(--tbn-field-border-disabled)}.tbn-input-group .tbn-input{width:auto;min-width:0;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:0;display:flex}.tbn-input-group .tbn-input:hover{background-color:#0000;border-color:#0000}.tbn-input-group .tbn-input[data-focused]{border-color:#0000}.tbn-input-group .tbn-input:focus-visible{box-shadow:none}.tbn-input-group .tbn-input[data-invalid]{background-color:#0000;border-color:#0000}.tbn-input-group .tbn-input[data-disabled],.tbn-input-group .tbn-input[readonly]{pointer-events:auto;cursor:auto;background-color:#0000;border-color:#0000}.tbn-input-group--sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 2)}.tbn-input-group--lg{height:calc(var(--spacing,.25rem) * 13);padding-inline:calc(var(--spacing,.25rem) * 4)}.tbn-input-group--sm .tbn-input{font-size:var(--text-label-3,.875rem);line-height:var(--tw-leading,var(--text-label-3--line-height,1.43));letter-spacing:var(--tw-tracking,var(--text-label-3--letter-spacing,.01em))}.tbn-input-group--lg .tbn-input{font-size:var(--text-label-1,1.125rem);line-height:var(--tw-leading,var(--text-label-1--line-height,1.56));letter-spacing:var(--tw-tracking,var(--text-label-1--letter-spacing,0em))}.tbn-input-group--full-width{width:100%;min-width:0}.tbn-input-group--primary{--input-bg:var(--tbn-bg-surface);--input-bg-hover:var(--tbn-bg-surface);--input-border:var(--tbn-field-border-default);--input-border-hover:var(--tbn-field-border-hover);--input-border-focus:var(--tbn-field-border-active);--input-focus-ring:var(--tbn-field-focus-ring)}.tbn-input-group--inline{--input-bg-hover:var(--tbn-alpha-50);--input-border-focus:var(--tbn-field-border-active);--input-focus-ring:var(--tbn-field-focus-ring)}.tbn-input-group__prefix,.tbn-input-group__suffix{color:var(--tbn-icon-secondary);translate:0 var(--tbn-ink-shift,0em);flex-shrink:0;align-items:center;display:flex}.tbn-input-group__prefix{pointer-events:none}
.tbn-input{--input-bg:transparent;--input-bg-hover:transparent;--input-border:transparent;--input-border-hover:var(--input-border);--input-border-focus:var(--input-border);--input-focus-ring:transparent;box-sizing:border-box;width:auto;color:var(--tbn-field-text);background-color:var(--input-bg);border:1px solid var(--input-border);height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-field,0);padding-inline:calc(var(--spacing,.25rem) * 4);font-family:inherit;font-weight:400;font-size:var(--text-label-2,1rem);line-height:var(--tw-leading,var(--text-label-2--line-height,1.375));letter-spacing:var(--tw-tracking,var(--text-label-2--letter-spacing,.01em));outline:none;transition:border-color .1s ease-out,background-color .1s ease-out,box-shadow .1s ease-out;display:block}@media (prefers-reduced-motion:reduce){.tbn-input{transition-property:none}}.tbn-input::placeholder{color:var(--tbn-field-placeholder);text-overflow:ellipsis;font-weight:400;overflow:hidden}@media (hover:hover){.tbn-input:hover:not([data-disabled]):not([readonly]){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}}.tbn-input[data-focused]{border-color:var(--input-border-focus)}.tbn-input:focus-visible{box-shadow:0 0 0 3px var(--input-focus-ring)}.tbn-input[data-invalid]{--input-bg:var(--tbn-status-error-bg);--input-border:var(--tbn-field-border-error)}.tbn-input[data-disabled],.tbn-input[readonly]{pointer-events:none;cursor:not-allowed;background-color:var(--tbn-bg-page);border-color:var(--tbn-field-border-disabled)}.tbn-input[data-disabled]{color:var(--tbn-text-disabled)}.tbn-input--sm{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-label-3,.875rem);line-height:var(--tw-leading,var(--text-label-3--line-height,1.43));letter-spacing:var(--tw-tracking,var(--text-label-3--letter-spacing,.01em))}@supports (-webkit-touch-callout:none){.tbn-input--sm{font-size:var(--text-label-2)}}.tbn-input--lg{height:calc(var(--spacing,.25rem) * 13);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--text-label-1,1.125rem);line-height:var(--tw-leading,var(--text-label-1--line-height,1.56));letter-spacing:var(--tw-tracking,var(--text-label-1--letter-spacing,0em))}.tbn-input--xl{height:auto;font-size:var(--text-heading-4,clamp(1.5rem, 1.2928rem + .884vw, 2rem));line-height:var(--tw-leading,var(--text-heading-4--line-height,1.1875));letter-spacing:var(--tw-tracking,var(--text-heading-4--letter-spacing,-.006em))}.tbn-input--xl::placeholder{color:var(--tbn-text-disabled)}.tbn-input--full-width{width:100%;min-width:0}.tbn-input--primary{--input-bg:var(--tbn-bg-surface);--input-bg-hover:var(--tbn-bg-surface);--input-border:var(--tbn-field-border-default);--input-border-hover:var(--tbn-field-border-hover);--input-border-focus:var(--tbn-field-border-active);--input-focus-ring:var(--tbn-field-focus-ring)}.tbn-input--inline{--input-bg-hover:var(--tbn-alpha-50);--input-border-focus:var(--tbn-field-border-active);--input-focus-ring:var(--tbn-field-focus-ring)}.tbn-input--ghost{padding-inline:0}